Wizardly
Deep black and charcoal surfaces host stark, warm-white geometric typography and abstract 3D elements. The tone is authoritative and polished, geared toward high-stakes scientific and technical brands.
Visit siteColour
Typefaces
- Display
- GT Walsheim Pro
- Body
- GT Walsheim Pro
- Mono
- —
- Source
- self_hosted
- Scale
- 13 · 14 · 16 · 20 · 38 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 12px · 9999px
Capture
- Category
- agency
- Sections
- 8
- Captured
- 2026-08-29
- Rhythm
- dark x8
Type rules
- display type set in GT Walsheim bold with tight line height
- body text constrained to roughly 68 characters per line in warm off-white
- eyebrow category labels in uppercase tracking
Colour rules
- deep charcoal and black background across all sections
- warm off-white text for high contrast readability
- muted cyan and warm coral used strictly for status indicators and micro-accents
Voice rules
- lead with the client inflection point
- pair bold business claims with precise outcome metrics
Holds it together
- use dark, muted surface cards with fine hairline borders to segment content
- pair bold problem-oriented headlines with pill-shaped visual quotes or lists
- anchor sections with dot-prefixed links or pill action buttons
Contrast
Type, measured
- Body
- 16px / 1.56
- Measure
- 68 characters
- Display
- 84px / 1.08
- Tracking
- -0.024em display
- Scale ratio
- 1.51
Voice
- Tone
- confident, declarative, clear
- Sentences
- medium
- Person
- mixed
- Vocabulary
- specialized
- Calls to action
- explore, start, read, contact
Built with
- Builder
- —
- Framework
- —
- Motion
- gsap, lenis, swiper
- WebGL
- —
- Nav
- top_bar, 54 items
- Length
- 5.8 screens
Sections in page order
3 marked strong · 8- 00
hero
Dark, confident agency hero pairing oversized sans-serif typography with abstract geometric 3D shapes and a prominent client logo bar.
- Mood
- bold + editorial
- Layout
- 1 col · split · balanced
- 01
statement
A sharp, dark-mode problem statement pairing a large declarative headline with a cluster of conversational quote pills.
- Mood
- bold + clinical
- Layout
- 2 col · split · balanced
- 02
feature
StrongClean dark-mode process overview balancing a confident typographic statement with a stacked rail of rounded step cards.
- Mood
- bold + clinical
- Layout
- 2 col · split · balanced
- 03
stats
Dark, confident metrics section pairing large scale proof numbers in subtle cards with precise editorial headline copy.
- Mood
- bold + clinical
- Layout
- 11 col · stacked · balanced
- 04
showcase
StrongA sleek dark portfolio carousel pairing crisp geometric sans typography with vibrant blue orb graphics and tactile product mockups.
- Mood
- bold + dreamy
- Layout
- 14 col · asymmetric · balanced
- 05
testimonial
StrongDark, minimalist testimonial carousel with tabbed client navigation along the bottom and subtle warm coral accents.
- Mood
- quiet + clinical
- Layout
- 1 col · split · balanced
- 06
cta
Minimal dark call-to-action featuring a bold headline alongside a hypnotic striped torus graphic and a direct invitation to connect.
- Mood
- bold + quiet
- Layout
- 12 col · split · airy
- 07
footer
A spacious dark charcoal footer with a bold friendly statement header and understated multi-column navigation.
- Mood
- quiet + bold
- Layout
- 14 col · stacked · airy
