Home
DESIGN.mdStar on GitHub

Secure AI agents, humans, and whatever comes next

Secure users, AI agents, and more with an easy-to-implement, scalable, and adaptable authentication and authorization platform.

Universal Login Passkeys MFA Auth for GenAI Enterprise SSO
Signature — Universal Login
Colors
Primary — indigo
indigo#635DFFPrimary, Continue button
blue#3F59E4Links, focus
purple-deep#4016A0Deep accent, gradients
Accents — lavender
lavender#BCBAFFSoft accent
periwinkle#99A7F1Highlight tint
sky#B6CAFFLight-blue accent
violet#C698FFPurple accent
Surfaces
bg#FFFFFFCards, login widget
paper#FFFEFAPage background (warm)
ink-dark#111111Dark page background
border#E5E5E5Borders, dividers
Text & semantic
text#191919Headings, body
text2#555555Secondary text
text3#8C929CMuted, placeholder
success#4CB7A3Authenticated, healthy
Typography — Aeonik (≈ Space Grotesk) · Inter · Roboto Mono
display-2xl
Space Grotesk · 600
Auth0
52px600
display-xl
Space Grotesk · 600
Built for what you're building
32px600
display-md
Space Grotesk · 500
More signups. Less friction.
22px500
text-lg
Inter · 400
Integrate Auth0 in any application in just 5 minutes.
16px400
text-sm
Inter · 400
Standard body text and form labels.
14px400
ui-mono
Roboto Mono · 400
auth0 login --domain your-tenant.us.auth0.com
12pxmono
Components
Buttons
Auth badges
✓ Verified MFA Passkey SSO
Tenant domain
Radius
6px
8px
14px
Guardrails
DO
Use indigo #635DFF as the one primary — the current Auth0 brand color
Keep page backgrounds warm paper #FFFEFA; let indigo carry emphasis
Keep the shield mark monochrome on paper, white, or dark
Use neutral near-black #111111 for dark surfaces — not navy
Use teal #4CB7A3 only for genuine authenticated / success states
DON'T
Use the legacy orange #EB5424 — Auth0 rebranded to indigo
Tint dark surfaces blue/navy — Auth0's dark is neutral gray-black
Set display headings in Roboto Mono or the body font
Overload the login widget — one primary action, providers secondary
Fake provider names — use real IdPs (Google, GitHub, Microsoft)