Threema
A design blueprint Spectr produced from Threema. Scroll to look closer.
A privacy-first messenger with no phone number and signature red-orange-green trust dots
Threema strips identity down to an anonymous 8-character ID and makes contact verification the whole product, surfaced as three trust-level dots that move from red to orange to green. A single Threema Green accent over a calm white canvas keeps the focus on encryption and trust.
Clone the secure messenger that proved you can chat without handing over your phone number. This pack ships the exact Threema Green, the red-orange-green trust palette, and the QR verify ritual with paste-ready SwiftUI, Expo, and Compose components.
Screens documented
- Conversation list with per-contact trust dots
- Encrypted chat with green outgoing bubbles
- Contact detail with trust-level badge
- QR verify scanner and green-dot upgrade
- My ID card with Threema ID and fingerprint
- Add contact via Threema ID
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 Threema blueprint translates cleanly into an Expo Router app structure.