Pieces

Dark rich tooltip carrying a headline, supporting blurb, and an inline action link.

Avatar hover tooltip showing name, role, and a presence dot with its state beneath.

Chart hover tooltip with date, headline value, trend pill, and a secondary metric label.

Coach-mark popover with step counter, dismiss ×, progress dots, and a next button.

Color-swatch popover pairing a filled chip with the palette name and hex code.

Green success tooltip with a check mark, used for copy-to-clipboard confirmation.

Thumbnail-first tooltip showing a gradient preview, dimensions chip, filename, and author.

Definition popover with a book icon, term headline, explanation, and source footer.

Flight result with airline, price, two airport codes, and a dotted route arc connecting times.

Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.

Day-of-trip card with a destination header and a vertical timeline of timed stops linked by a rail.

Live status card with a colored pill for on-time, delayed, boarding, or cancelled flights.

Visual route card with origin and destination framing an SVG dashed great-circle arc in a selectable tone.

Multi-leg journey card with stacked segment rows and an amber layover strip between them.

Itemized receipt for a trip with a dashed divider before the bold total and passenger note.

Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.

Tilted rubber-stamp badge with a double border printing entry country, city code, and date.

Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.

Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.

Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.

Emerald success card for a confirmed stay with check-in and check-out split and a bold total.

Airline seat-map row with an aisle gap, selected emerald seat, and a compact legend at the bottom.

Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.

Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.