KakaoTalk
A design blueprint Spectr produced from KakaoTalk. Scroll to look closer.
Clone Korea’s super-app messenger with yellow bubbles and the iconic unread mark
A production-grade design spec for a KakaoTalk-style messaging super-app. Covers Kakao Yellow outbound bubbles on brown text, the side-docked unread count mark, rounded-square avatars, the blue-gray chat backdrop, and gifticon cards.
Build a KakaoTalk clone without guessing a single hex value. Every token, bubble shape, the iconic side-docked unread mark, and the rounded-square avatar are documented for SwiftUI, Expo, and Jetpack Compose.
Screens documented
- Friends roster with profile banner and statuses
- Chat thread on the blue-gray backdrop
- Yellow outbound bubble with side-docked unread mark
- Kakao Friends emoticon sticker keyboard
- Gifticon gift-voucher card with barcode redeem
- Composer with the super-app plus menu
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 KakaoTalk blueprint translates cleanly into an Expo Router app structure.