lightspark-com

Clinical precision meets ethereal lightness. A sparse off-white canvas and disciplined Swiss typography are enriched by softly glowing, floating UI cards with diffused pastel gradients, closing on a deep, expansive footer.

dreamy clinical

Visit site

Rated

7.8/ 10

From 3 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: 10.0
Systemmeasured: 6.0
Distinctionmeasured: 6.3

on the grid: 14%
vertical rhythm: 88%
type on a scale: 57%
contrast passing AA: 80%
unlike the library: 0.24
model craft: 8.3/10
model deviation: 5.7/10

Colour

Background#f8f8f7

Text#1a1a1a

Accent#0052ff

Surface#f0f0ee

Muted#7c7c7c

Typefaces

Display: Suisse Intl
Body: Suisse Intl
Mono: —
Source: self_hosted
Scale: 8 · 9 · 10 · 12 · 18 · 32

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 6px · 12px · 24px

Capture

Category: finance
Sections: 3
Captured: 2026-08-30
Rhythm: light x2 → dark

Type rules

display typography set tight in sentence case using neutral Swiss grotesk
body text kept compact and restrained to balance spacious canvas
numbered index markers (01, 02, etc.) accompany every feature block

Colour rules

overall surface remains off-white (#f8f8f7) transitioning to deep graphite (#1a1a1a) in footer
vibrant colours confined strictly inside blurred UI cards and ethereal aura backdrops
primary text contrast kept sharp using charcoal (#1a1a1a) and secondary muted grey (#7c7c7c)

Voice rules

lead with brief, authoritative definitions rather than hype
pair core capability headlines with structured sub-feature links

Holds it together

float frosted glass and glowing UI card compositions across spacious light backgrounds
anchor grid modules and feature points with small sequential numeric indices
end with a monolithic dark footer featuring an oversized muted brand watermark

Contrast

text on background16.4:1 AAA

muted text on background3.9:1 AA Large

text on surface15.3:1 AAA

accent on background5.4:1 AA

background on accent5.4:1 AA

Type, measured

Body: 9px / 1.3
Measure: 89 characters
Display: 43px / 1.15
Tracking: -0.04em display
Scale ratio: 1.48

Voice

Tone: declarative, engineered, precise
Sentences: short
Person: second
Vocabulary: technical
Calls to action: book, get, learn, try

Built with

Builder: —
Framework: next
Motion: —
WebGL: yes
Nav: top_bar, 0 items
Length: 7.7 screens

Sections in page order

3 marked strong · 3

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
Clean, luminous fintech hero floating ethereal blurred UI mockups across an expansive white canvas.
Mood
dreamy + clinical
Layout
1 col · centered · airy
Open section →
01
showcase
Strong
Ultra-clean clinical fintech layout pairing restrained Swiss typography and generous white space with softly glowing UI mockups.
Mood
clinical + quiet
Layout
1 col · stacked · airy
Open section →
02
footer
Strong
Spacious, disciplined dark footer structured into six precise vertical columns anchored by a massive faint watermark.
Mood
clinical + quiet
Layout
6 col · grid · airy
Open section →