Rated
6.4/ 10
From 8 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 9.1
- Systemmeasured
- 5.0
- Distinctionmeasured
- 2.2
- on the grid
- 20%
- vertical rhythm
- 79%
- type on a scale
- 40%
- contrast passing AA
- 60%
- unlike the library
- 0.19
- model craft
- 7.8/10
- model deviation
- 5.0/10
Colour
Typefaces
- Display
- STK Bureau Serif
- Body
- Inter
- Mono
- Geist Mono
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 18 · 20 · 24
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 4px · 8px
Capture
- Category
- finance
- Sections
- 8
- Captured
- 2026-08-30
- Rhythm
- dark x8
Type rules
- display headlines use sentence-cased serif with negative tracking
- body text rendered in neutral sans capped at ~47 characters per line
- technical labels and metadata set in uppercase mono
Colour rules
- deep near-black dominates over 90% of layout background
- subtle hairline borders delineate modular content grids
- saturated purple and neon coral reserved for interactive CTA surfaces and charting
Voice rules
- frame value through scale and permanence
- labels strictly in uppercase mono
Holds it together
- use hairline grid lines and intersection dots to structure open space
- reserve bold accent color fills exclusively for call-to-action blocks
- combine serif display headings with compact, high-contrast monospace metadata
Contrast
Type, measured
- Body
- 14px / 1.5
- Measure
- 47 characters
- Display
- 40px / 1.1
- Tracking
- -0.02em display
- Scale ratio
- 1.30
Voice
- Tone
- analytical, authoritative, understated
- Sentences
- medium
- Person
- first
- Vocabulary
- technical
- Calls to action
- talk, read, go, see
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap, lenis
- WebGL
- yes
- Nav
- top_bar, 10 items
- Length
- 11.3 screens
Sections in page order
3 marked strong · 8- 00
hero
A dark, precise financial tech hero blending elegant serif typography with abstract luminous data visualizations.
- Mood
- luxurious + clinical
- Layout
- 1 col · stacked · airy
- 01
stats
StrongDark, disciplined metrics section anchored by refined serif typography, fine grid lines, and an ethereal point-cloud botanical illustration.
- Mood
- clinical + luxurious
- Layout
- 4 col · grid · balanced
- 02
statement
Atmospheric and ultra-low-contrast dark statement section framed by precise technical grid lines and muted typography.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 03
feature grid
Dark, understated typography grid structured by hairline dividers with subtle neon accents.
- Mood
- quiet + clinical
- Layout
- 2 col · grid · airy
- 04
logo bar
StrongA dark, disciplined grid of monochrome partner and network logos encased in subtle outlined tiles.
- Mood
- clinical + quiet
- Layout
- 1 col · grid · dense
- 05
feature grid
StrongA dark editorial insights feed blending classical serif typography with glowing, pixelated cyberpunk thumbnail artwork.
- Mood
- editorial + raw
- Layout
- 1 col · grid · balanced
- 06
cta
A vibrant electric purple call-to-action block centered around refined serif typography and an interactive portal prompt.
- Mood
- bold + editorial
- Layout
- 1 col · centered · balanced
- 07
footer
Minimal dark footer framed within a floating container against subtle watermark typography and glowing accent lines.
- Mood
- quiet + clinical
- Layout
- 1 col · centered · airy
