Colour
Typefaces
- Display
- Plus Jakarta Sans
- Body
- Plus Jakarta Sans
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 12 · 14 · 16 · 18 · 20
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px · 999px
Capture
- Category
- tools
- Sections
- 13
- Captured
- 2026-08-29
- Rhythm
- dark x13
Type rules
- display headings set in tight-tracked sentence case
- section markers and metadata styled in small uppercase tracking
Colour rules
- deep black backgrounds anchor luminous 3D renders
- warm copper accents isolated to key emphasis words and badges
Voice rules
- keep copy minimal and declarative
- lead with product utility over hype
Holds it together
- maintain an obsidian background with soft radial gradients behind focal assets
- prefix major sections with alphanumeric chapter labels
- limit warm accent color to single italicized words or conversion buttons
Contrast
Type, measured
- Body
- 18px / 1.55
- Measure
- 77 characters
- Display
- 72px / 1.05
- Tracking
- -0.033em display
- Scale ratio
- 1.41
Voice
- Tone
- concise, direct, confident
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- get, replay
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- yes
- Nav
- top_bar, 2 items
- Length
- 9.5 screens
Sections in page order
3 marked strong · 13- 00
nav
Sleek, dark navigation bar floating quietly with crisp white typography and a prominent pill CTA.
- Mood
- quiet + luxurious
- Layout
- 16 col · split · airy
- 01
feature
StrongAn obsidian void defined by an ethereal, glowing glass ring hovering above crisp split-aligned copy.
- Mood
- dreamy + luxurious
- Layout
- 8 col · asymmetric · airy
- 02
showcase
StrongFuturistic dark-mode showcase centering a refractive 3D glass cube with glowing radial orbits connected to satellite feature cards.
- Mood
- dreamy + clinical
- Layout
- 12 col · asymmetric · airy
- 03
statement
Deep black minimalist section introduction with an offset numerical headline accented by a warm gradient numeral.
- Mood
- bold + clinical
- Layout
- 2 col · split · airy
- 04
showcase
Glossy 3D design asset catalog featuring abstract renders floating on an angled dark isometric grid with crisp white typography.
- Mood
- dreamy + luxurious
- Layout
- 1 col · asymmetric · balanced
- 05
showcase
A floating light asset specification card contrasts against deep black space beside an elegant verified buyer testimonial.
- Mood
- quiet + clinical
- Layout
- 2 col · split · balanced
- 06
feature
StrongDeep black statement feature header bathed in a soft copper overhead glow, featuring bold typographic steps and italicized accent text.
- Mood
- bold + dreamy
- Layout
- 12 col · split · airy
- 07
showcase
Sleek dark-mode equation breakdown showing prompt plus material style yielding a glossy 3D rendered result.
- Mood
- dreamy + clinical
- Layout
- 16 col · grid · airy
- 08
statement
An austere, pitch-black transitional section centering a single understated line of crisp white typography.
- Mood
- quiet
- Layout
- 16 col · centered · airy
- 09
showcase
A pitch-black showcase centered on a sleek 3D laptop rendering that glows with an iridescent abstract visual.
- Mood
- dreamy + luxurious
- Layout
- 16 col · centered · airy
- 10
pricing
Luminous 3D glass assets crown two dark, glowing pricing cards above an understated customer testimonial.
- Mood
- luxurious + dreamy
- Layout
- 2 col · grid · balanced
- 11
faq
A stark, dark-mode FAQ accordion with precise numbered indexing and high-contrast typography.
- Mood
- clinical + quiet
- Layout
- 2 col · split · airy
- 12
faq
A deep black structured section housing product showcase tiers and detailed FAQ accordions.
- Mood
- quiet + clinical
- Layout
- 11 col · stacked · dense
