Transform with Fleava
Stark, nocturnal, and uncompromisingly direct. A near-black canvas sets a solemn stage for ultra-clean grotesque typography that shifts dynamically between whisper-thin and heavy weights, punctuated by a solitary electric purple mark.
Visit siteColour
Background#1a1a21
Text#ffffff
Accent#5857e7
Surface#1a1a21
Muted#ffffff
Typefaces
- Display
- Graphik
- Body
- Graphik
- Mono
- —
- Source
- self_hosted
- Scale
- 14 · 15 · 19 · 32 · 54 · 60
Layout
- Grid
- 16 columns
- Container
- 1440px
- Spacing base
- 5px
- Radius
- 0px
Capture
- Category
- agency
- Sections
- 1
- Captured
- 2026-08-30
- Rhythm
- dark
Type rules
- display headline pairs ultra-light weight with bold weight in a single phrase
- body copy set to 19px with generous 2.0 line-height at a strict 50-character measure
Colour rules
- deep dark background (#1a1a21) with pure white text throughout
- electric purple accent (#5857e7) reserved strictly for iconic glyphs and focal accents
Voice rules
- lead with the hardest reality before presenting the solution
- pair concise headline hooks with clear consultative narrative paragraphs
Holds it together
- juxtapose light and heavy font weights inside the hero headline to highlight the core shift
- restrict the palette to dark charcoal and white, with electric purple appearing on only one key graphic per screen
- use airy line spacing on body text to maintain effortless readability over dark backgrounds
Contrast
text on background17.3:1 AAA
muted text on background17.3:1 AAA
text on surface17.3:1 AAA
accent on background3.2:1 AA Large
background on accent3.2:1 AA Large
Type, measured
- Body
- 19px / 2
- Measure
- 50 characters
- Display
- 144px / 1.2
- Tracking
- 0em display
- Scale ratio
- 1.66
Voice
- Tone
- provocative, direct, authoritative
- Sentences
- medium
- Person
- second
- Vocabulary
- consultative
- Calls to action
- talk, transform
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- yes
- Nav
- —
- Length
- 1.4 screens
Sections in page order
1 marked strong · 1- 00
hero
StrongMoody dark typographic statement hero featuring stark text weights and an electric purple accent glyph.
- Mood
- bold + quiet
- Layout
- 16 col · asymmetric · airy
