Preview image. Unlock full-res
A travel itinerary UI showing multi-day events with times, locations, and voting status badges stacked vertically under day headers.
Summary
A travel itinerary card set showing two consecutive days' events with times, location badges, and an interactive voting state indicator for one activity.
Visual description
White card container with light gray rounded pill headers for each day ("Day 1 (02.09)", "Day 2 (03.09)"). Each event is a row with a calendar icon, bold headline ("Arrive. Brunch at Seagull", "Check-in"), muted time text (10:00, 15:00), and a location pin icon with place name. The second day's check-in activity displays a peach-colored rounded badge reading "Needs vote" in rust red, indicating an interactive voting or approval state. Thin horizontal divider separates events. White space dominates, creating clarity and visual breathing room.
Key takeaway
The horizontal event row pattern (icon, headline, time, location, state badge) scales well for day-by-day agendas. Using muted secondary text for time and place keeps them visually recessive while calendars and icons anchor each row. The colored badge for interactive states (voting needed) pops without disrupting the minimal aesthetic.
Reuse notes
Fits trip planners, conference schedules, and event coordination apps. Works best when events are sparse enough that white space enforces scanning. The voting badge pattern extends to any approval or action-required states (RSVP, confirm attendance, resolve conflicts).
