Southwest
A design blueprint Spectr produced from Southwest. Scroll to look closer.
Open-seating airline UI built around the A/B/C boarding position and a 24-hour check-in countdown
A faithful Southwest-inspired design system with no seat map at all: the hero is the giant A/B/C boarding position in Warm Yellow over a deep navy canvas, plus a launch-clock check-in countdown. The Heart tri-color (Blue, Red, Yellow) is a strict role system where Yellow is the one CTA and Red means something is wrong.
Clone the only airline app with no assigned seats. This pack ships the exact Heart palette, the oversized boarding-position readout, the 24-hour check-in ring, the Wanna Get Away fare ladder, and Rapid Rewards with paste-ready SwiftUI, Expo, and Compose components.
Screens documented
- Boarding position and check-in
- Digital boarding pass
- Flight booking and fare selection
- Trips list
- Rapid Rewards balance
- Flight status timeline
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 Southwest blueprint translates cleanly into an Expo Router app structure.