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
The mark is being finalized by hand — single color only (no gradient), designed to work at favicon size and in both light and dark contexts. The rules below already apply and won’t change when it lands.
- 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
Privy Passport Red — the live palette across the app and this site. One flat accent color; 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
Base radius 0.75rem (12px), scaling up to 24px for this site’s compact cards. Buttons, chips, and badges are always fully rounded (pill). Prefer tonal surfaces over heavy shadow for elevation — the app’s premium surfaces go further, to a 28px card radius, but that scale is not shared with this site.
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.