The foundations, colors, and components behind Kadoo — built on iOS "Liquid Glass," warm photography, and the Ocean Electric gradient. Every screen should feel like flipping through a well-loved travel journal.
Frosted, translucent surfaces with a soft highlight — never a flat opaque chrome. The single most important signature of the app.
Calm, sentimental, keepsake — not transactional. Content (a photo, a place, a memory) always sits closer to the surface than the chrome.
Warm, sunlit, real-world travel imagery full-bleed behind text — not icons or illustrations, never heavily graded.
Light-mode values shown. Neutrals are never pure white or black.
Reading text uses the iOS system font (SF Pro). The wordmark uses SF Pro Rounded.
A deliberate hierarchy, not one blanket rule.
Named scales for gaps, padding, and element dimensions.
Gaps & padding between elements.
Icon & control dimensions.
Live components from the Kadoo bundle.
Every button is a full pill (radius 999). Vertical padding space-sm (12), horizontal padding space-md (16), gap space-sm (12).
Tokens: font font-system · body 17 · radius radius-control (8) / radius-pill for search · border neutral-20, focus primary-base · padding 14 · 16.
