Macro
Playful, internet-native minimalism. High-contrast white geometric type floats on a deep black field with game-inspired interactive avatars.
Visit siteColour
Background#000000
Text#ffffff
Accent#ffffff
Surface#ffffff
Muted#ffffff
Typefaces
- Display
- Almarena Display
- Body
- ui-sans-serif
- Mono
- Almarena Mono
- Source
- self_hosted · system
- Scale
- 14 · 16 · 96
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 9999px
Capture
- Category
- tools
- Sections
- 1
- Captured
- 2026-08-30
- Rhythm
- dark
Type rules
- display headline in tight uppercase Almarena Display
- section eyebrows and labels in Almarena Mono uppercase
Colour rules
- pure black background across the full viewport
- holographic or iridescent accents limited to key typography textures and top border
Voice rules
- use pop-culture archetypes for personality copy
- keep CTAs direct and minimal
Holds it together
- anchor single-viewport hero with centered uppercase display type
- use circular avatar row as interactive game-like player selection
Contrast
text on background21.0:1 AAA
muted text on background21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA
Type, measured
- Body
- 16px / 1.5
- Measure
- —
- Display
- 96px / 0.9
- Tracking
- -0.025em display
- Scale ratio
- 1.57
Voice
- Tone
- playful, irreverent
- Sentences
- short
- Person
- third
- Vocabulary
- casual
- Calls to action
- join, download
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 1 screens
Sections in page order
1 marked strong · 1- 00
hero
StrongStark black hero featuring bold geometric type with subtle iridescent lettering above a playful interactive avatar selector.
- Mood
- bold + playful
- Layout
- 1 col · centered · balanced
