AuthKit

Deep-space developer aesthetic defined by dark midnight backdrops, subtle glassmorphic UI layers, and spotlight illumination. Precision technical diagrams balance glowing software components.

clinical quiet

Visit site

Colour

Background#05060f

Text#ffffff

Accent#663af3

Surface#06060e

Muted#c7d3ea

Typefaces

Display: Untitled Sans
Body: Untitled Sans
Mono: dotDigital
Source: self_hosted
Scale: 12 · 14 · 15 · 16 · 18 · 24

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 8px · 12px

Capture

Category: tools
Sections: 3
Captured: 2026-08-29
Rhythm: dark x3

Type rules

display type uses tight leading and sentence case
body measure stays constrained near 51 characters per line

Colour rules

background remains deep midnight dark throughout
vibrant purple accent is restricted strictly to interactive CTA states
translucent pale blue tints define card borders and wireframe schematics

Voice rules

use short, balanced fragments for subheadings
keep descriptive copy focused on architecture and integration

Holds it together

illuminate primary feature cards with an overhead soft conical spotlight
render product mockups with semi-transparent dark glass and hairline borders
use short, rhythmically balanced headline phrases

Contrast

text on background20.2:1 AAA

muted text on background13.4:1 AAA

text on surface20.2:1 AAA

accent on background3.3:1 AA Large

background on accent3.3:1 AA Large

Type, measured

Body: 18px / 1.33
Measure: 51 characters
Display: 48px / 1.17
Tracking: 0em display
Scale ratio: 1.28

Voice

Tone: precise, confident
Sentences: short
Person: second
Vocabulary: technical
Calls to action: get started, sign in, continue

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: top_bar, 3 items
Length: 9.2 screens

Sections in page order

3 marked strong · 3

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
Deep midnight developer tool hero with a focused spotlight illuminating floating glassmorphic authentication cards and subtle technical grid coordinates.
Mood
clinical + dreamy
Layout
14 col · centered · balanced
Open section →
01
feature
Strong
Sleek dark-mode developer showcase featuring intricate circuit schematics and an exploded authentication customization UI.
Mood
clinical + dreamy
Layout
1 col · stacked · balanced
Open section →
02
other
Strong
An expansive, deep near-black void that evokes a quiet, mysterious digital space.
Mood
quiet + clinical
Layout
16 col · full bleed · airy
Open section →