KAYAK
A design blueprint Spectr produced from KAYAK. Scroll to look closer.
A metasearch instrument with price forecasting, fare-compare matrix, and Hacker Fares
KAYAK compares the entire travel market and tells you whether to buy now or wait, using a color-coded price calendar, a forecast banner with confidence scores, and the signature Hacker Fare. A single scarce orange accent over a near-neutral canvas keeps the focus on the numbers.
Clone the metasearch tool that did the math for travelers everywhere. This pack ships the exact KAYAK Orange accent plus the functional price-signal ramp with paste-ready SwiftUI, Expo, and Compose components.
Screens documented
- Search form with trip-type and price calendar
- Flight results with price calendar and forecast banner
- Fare detail with full leg breakdown and providers
- Fare-compare matrix by airline and stops
- Price Alerts list with trend sparklines
- Trips and saved searches
What a Spectr spec includes
Screen-by-screen documentation, complete design system (color, typography, spacing), navigation map, component library, implementation notes, and a Claude Code prompt — everything an AI coding agent needs to build.
Turnaround
Most mobile apps produce a full spec in under 90 seconds from a single screen recording. Upload your own MP4 and watch the blueprint generate live.
Why not a design file?
Design files don't compile. A Spectr spec is optimized for AI coding agents like Claude Code — it produces working code on the first prompt, not layered artboards.
Target stack
Every spec targets Expo SDK 54 and React Native on an iPhone 15 baseline. The KAYAK blueprint translates cleanly into an Expo Router app structure.