Auth0
Deep plum backgrounds paired with luminous violet and magenta gradients create a sleek, futuristic developer aesthetic. Clean sans-serif typography and hairline borders ground the glowing atmosphere in technical precision.
Visit siteColour
Background#20003a
Text#ffffff
Accent#ffffff
Surface#120021
Muted#ebd3ff
Typefaces
- Display
- Aeonik
- Body
- Aeonik
- Mono
- Aeonik Mono
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 18 · 20 · 24
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 4px · 8px
Capture
- Category
- tools
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- dark x10
Type rules
- display type set in sentence case with tight tracking
- section labels and eyebrow headers in Aeonik Mono uppercase
- body measure held near 63 characters
Colour rules
- dark plum and deep purple dominate all surfaces
- high-contrast white used for primary actions and key metrics
- muted lilac text for supporting copy and subtext
Voice rules
- highlight capabilities in structured lists
- use clear developer terminology
Holds it together
- surround dark interfaces with soft purple radial gradients
- use mono uppercase labels for technical eyebrows and section tags
- pair solid white primary CTA buttons with translucent outlined secondary buttons
Contrast
text on background18.7:1 AAA
muted text on background13.6:1 AAA
text on surface20.0:1 AAA
accent on background18.7:1 AAA
background on accent18.7:1 AAA
Type, measured
- Body
- 18px / 1.56
- Measure
- 63 characters
- Display
- 64px / 1.13
- Tracking
- -0.016em display
- Scale ratio
- 1.37
Voice
- Tone
- confident, technical
- Sentences
- medium
- Person
- second
- Vocabulary
- technical
- Calls to action
- explore, discover, view, talk, see
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 72 items
- Length
- 10.3 screens
Sections in page order
3 marked strong · 10- 00
hero
Deep purple and luminous violet gradients frame a centered, high-contrast developer identity hero.
- Mood
- dreamy + bold
- Layout
- 1 col · centered · balanced
- 01
stats
Deep purple corporate stats bar communicating scale and reliability through clean metric typography and fine vertical borders.
- Mood
- clinical
- Layout
- 3 col · grid · balanced
- 02
feature
StrongDeep purple multi-card feature showcase with sticky navigation and glowing auth interface mockups.
- Mood
- clinical + dreamy
- Layout
- 1 col · split · balanced
- 03
feature
A sleek enterprise tech intro pairing a deep violet gradient with sharp interactive industry tabs.
- Mood
- clinical + bold
- Layout
- 8 col · stacked · balanced
- 04
feature
Luminous deep purple feature section pairing an illustrated identity interface node with industry copy and client proof.
- Mood
- dreamy + clinical
- Layout
- 2 col · split · balanced
- 05
feature
StrongA developer-focused terminal integration demo framed in a rich purple gradient blur.
- Mood
- clinical + dreamy
- Layout
- 1 col · stacked · balanced
- 06
testimonial
StrongDeep plum enterprise testimonial grid interweaving photo-backed customer highlights with quote cards above a tabbed content directory.
- Mood
- bold + clinical
- Layout
- 1 col · grid · balanced
- 07
showcase
A horizontal row of technical resource cards floating over deep purple atmosphere with warm neon gradient glows.
- Mood
- dreamy + clinical
- Layout
- 4 col · grid · balanced
- 08
cta
An atmospheric call-to-action with clean sans-serif typography set against a deep purple and glowing twilight gradient.
- Mood
- dreamy + bold
- Layout
- 3 col · asymmetric · airy
- 09
footer
Deep purple corporate developer footer organizing extensive navigation links alongside a focused contact card on a dark gradient background.
- Mood
- clinical + quiet
- Layout
- 4 col · grid · balanced
