TrendingCities design system
Modern city intelligence, designed for fast decisions.
A live design-system package for city profiles, rankings, comparison matrices, data cards, responsive mobile layouts, and SampleShots-powered photography treatments.
Verified surfaces
Colors & type
Warm-white surfaces, deep-navy text, civic-blue primary, positive city signals, chart palettes, and Geist typography.
ComponentsCards, badges, inputs
Reusable UI parts for metrics, city cards, filters, rankings, callouts, deltas, skeletons, and tables.
ImageryPhoto treatment
SampleShots-sourced photo rules, navy scrims, credit chips, gradients, ratios, loading, and mobile behavior.
City pageCity profile
Hero score, key metrics, risk callout, neighborhoods, gallery, and comparison CTA.
RankingsRanking table
Filterable table-to-card pattern with rank badges, sparklines, and methodology block.
CompareCity comparison
Side-by-side metrics with winner labels and simple affordability visuals.
Prototype/design-system package only. Data is illustrative; production should wire canonical data sources and final licensed/owned imagery.