Brand guidelines
The working reference for how Privy Passport looks, sounds, and feels — pulled directly from the design tokens the product actually uses, not a separate deck that drifts from the code.
Logo
A single-color crescent-globe-star mark with the wordmark set in Google Sans Flex. It inherits currentColor, so it works at favicon size and on light, dark, and on-brand surfaces without a separate file per context.
- Single color — inherits
currentColor, never a baked-in fill or gradient. - Minimum size 16px. Clear space is one mark-height on every side.
- Don’t recolor outside light/dark/on-brand contexts, rotate, skew, or add a drop shadow.
Color
Fully greyscale, warm-neutral — one flat black/white accent across the app and this site, no brand hue. The --gradient-ai gradient exists in the design system but is reserved for AI-only moments (the concierge avatar, thinking states) — never general UI.
Typography
Shape & spacing
One shape scale across the whole product. Base radius 0.75rem (12px); cards round to 16px, dialogs and hero panels to 28px, and small inputs to 4px. Buttons, chips, and badges are always fully rounded (pill). Prefer tonal surfaces over heavy shadow for elevation.
Imagery
Real photography only — no stock-illustration or 3D-render clichés. Cover photos are sourced from Unsplash and carry a visible photographer credit; nothing goes unattributed. Warm and candid over staged and corporate.
Motion
Content reveals with a short fade-and-rise as it scrolls into view, once, never re-triggering. Always honors prefers-reduced-motion — reduced-motion users see content appear immediately, no animation.
Voice
Calm, photo-forward, conversational, intelligent — “Google Travel meets the Gemini app,” not a startup pitching AI. One hard rule: the concierge never names the underlying AI model or provider to end users — it speaks as itself.