Kindle
A design blueprint Spectr produced from Kindle. Scroll to look closer.
Clone Kindle iOS down to the sepia reader page, Aa panel, and orange progress
A production-grade design spec reverse-engineered from the Amazon Kindle iOS app — the distraction-free reading page, the Aa typography panel, the five reading themes, and the cover-grid library. Every brand token, the justified serif reading rhythm, the vanishing chrome, and each elevation level is captured so an AI agent can rebuild it screen for screen.
Use it as the baseline for any e-reader or long-form reading app: a chrome-free justified serif page, five user-chosen reading themes, an Aa control, and a cover library with progress bars. Sepia page #FBF0D9, warm ink #5F4B32, the single Amazon Orange #FF9900 accent, the #0E0E0E dark chrome canvas, and the 1.72 reading line-height are all specified to exact values.
Screens documented
- Sepia reader page with chapter and progress
- Aa typography panel with theme swatches
- Library cover grid with progress bars
- Continue reading card on Home
- Highlight and lookup popover
- In-book search with location results
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 Kindle blueprint translates cleanly into an Expo Router app structure.