Trip Planner App UI Template

Waymark is a trip planner app UI built on a "Sunlit Cartography" look: warm paper-cream backgrounds, deep ink-navy text and route lines, a topographic sage for map detail, and a single sunset-coral accent reserved for the active day pin and primary actions. Itinerary stops sit as inset cards pressed into the paper with a thin coral left rule, stitched together by the signature Route Thread, a continuous dotted hairline that runs down every day and snaps onto the live map.

The template includes six connected screens that form a complete travel-planning flow: a Trips home with hero-photo trip cards and a route-thread preview, a day-by-day Itinerary timeline, a topographic Map with numbered coral pins and a draggable stops sheet, a Place detail with rating, hours and an "Add to Day 02" action, an Explore feed filtered by Eat, See and Stay, and a Budget screen with spend-by-category bars and a remaining-balance hero number.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.