A painting that stares back
Santa Maria del Popolo
Cicero · Home
Each card type in isolation, at real scale (334 × 218). We build one card at a time, iterate to "right", then compose into clusters.
3 variables crossed on the same card chassis: state × title angle × meta format = 36 total variations. Titles and meta shown as bare copy side-by-side for distraction-free comparison.
Distance chip + "your vibes" tag. Play button filled, bottom center.
Anchor chip "→ Colosseum". Pause button ghost, bottom center.
Plus button filled. Pins it to resurface when you're nearby.
Dashed frame (10px offset, r 42) + ghost minus button. You plus-pinned this earlier when far; now you're close, so it resurfaces with focus treatment.
Same dashed frame chassis + pulsing plus button. Same focused treatment as resurfaced, with pulse added because you're about to commit.
Focused Place (Next Up trigger) + 3-option selector (unselected + one selected).
3 compact tiles (emoji + title + min), dashed blue frame. Figma-synced.
2 variables crossed: option count × tile-subtitle format. Tapped-tile reveal shows the complementary info on the surfaced card (selector showed time → card shows direction, and vice versa).
A street, a walk, a park — worth visiting, not a point. Pioneers a new map idiom (line, not pin) — addressed when we design the map. Copy A/B: 2 variables × 3 angles each.
Single-variant Stretch card for isolated review outside the A/B matrix.
Now 3 tracks: B-hero card · Live widget + brain pill · Ticket (boarding-pass style, metro-themed). The ticket iteration reuses the City-card metaphor for Metro trips.
Single-variant Move card (B-hero layout) for isolated review outside the A/B matrix.
Stacked-deck visual won. Now iterating: front photo crossfades through all stops every 2s, with synced label + counter. In production, the cycle ticks the map's highlighted pin as well — card and map move together. No route line on the photo (redundant with map).
Polygon, not a point. Tap+ soft-pins the area; brain switches to "neighborhood explore" cluster when you enter. Three visual directions: polygon hint · mini-grid collage · hero + inside count.
Dynamic journey card. Distinct from Place's "→ X" meta (single stop) AND from Route (fixed curated path). Persistent anchor + cycling next-thing. Three directions: cycling photo + anchor badge · anchor-pinned deck · compass card.
Macro 3 alongside map (geometry) + card (content). Anatomy · 9 voice modes (Idle/Thinking/Speaking/Asking/Reacting/Listening/Acknowledging/Minimized/Explainer) · 5 cross-cutting modifiers · 12 real moments grounded in the use-case catalog.
Macro 1. Native iOS/Android Mapbox SDK, not web. 6 zoom tiers · 14 pin categories × 6 states · stretch lines · route polylines (treasure-map-not-GPS) · neighborhood polygons · Towards X · Next Up trio (3 candidates → tap → fly to chosen) · user dot · anchor callouts · Flutter handoff notes.
How the cards feel when arranged in sequence — no brain pill and no cluster boundaries yet, just one of each type in a mid-trip Rome scroll. Scroll horizontally.
Santa Maria del Popolo
Piazza Navona
Via Margutta
Line B · Circo Massimo → Piramide · 4 min walk
Spanish Steps → Vatican
slow Rome, no plan needed
right on your path
Lunch in Florence, dinner back here.
A weekend, why not.