Clyde

Atmospheric and refined. Deep black surfaces illuminated by glowing amber and violet gradients create an ethereal stage for elegant serif typography and clean product cards.

dreamy luxurious quiet bold editorial

Visit site

Colour

Background#000000

Text#f6f6f4

Surface#262626

Muted#828282

Typefaces

Display: Recoleta
Body: Oldschool Grotesk
Mono: —
Source: self_hosted
Scale: 12 · 15 · 16 · 21 · 27 · 36

Layout

Grid: —
Container: —
Spacing base: 5px
Radius: 12px · 24px

Capture

Category: saas
Sections: 9
Captured: 2026-08-30
Rhythm: dark x9

Type rules

display headlines set in Recoleta serif at sentence case
body copy set in Oldschool Grotesk with 56 character measure

Colour rules

pure black backgrounds across all sections with dark grey surface panels
color introduced solely via glowing background gradients and 3D imagery

Voice rules

lead with broad customer-first claims before platform mechanics
pair data metrics with clear merchant benefits

Holds it together

illuminate deep black layouts with soft blurred background light orbs
use Recoleta for major section headers and Grotesk for data points and body
enclose UI demos inside rounded dark surface cards with subtle hairline borders

Contrast

text on background19.4:1 AAA

muted text on background5.5:1 AA

text on surface14.0:1 AAA

Type, measured

Body: 15px / 1.6
Measure: 56 characters
Display: 138px / 1
Tracking: -0.03em display
Scale ratio: 1.74

Voice

Tone: confident, declarative
Sentences: medium
Person: second
Vocabulary: plain
Calls to action: request, see, become

Built with

Builder: —
Framework: next
Motion: locomotive-scroll
WebGL: —
Nav: sticky_top_bar, 9 items, sticky
Length: 16.2 screens

Sections in page order

3 marked strong · 9

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

00
hero
Atmospheric dark hero illuminated by warm violet nebula gradients, pairing an elegant serif headline with an ethereal glowing 3D orb.
Mood
dreamy + luxurious
Layout
1 col · stacked · airy
Open section →
01
showcase
Sleek dark-mode mosaic grid showcasing modular product UI cards and warranty flows beside an elegant serif headline.
Mood
luxurious + clinical
Layout
8 col · grid · balanced
Open section →
02
statement
Dimmed serif statements emerge quietly from a deep black void flanked by a soft atmospheric glow.
Mood
quiet + luxurious
Layout
1 col · stacked · airy
Open section →
03
statement
A moody, minimalist card with soft violet atmospheric glows framing an elegant serif headline over deep black.
Mood
dreamy + luxurious
Layout
12 col · centered · airy
Open section →
04
statement
High-contrast dark statement layout pairing a massive bold headline with fine research statistics and pill badges.
Mood
bold + clinical
Layout
2 col · split · balanced
Open section →
05
showcase
Strong
A dark, atmospheric showcase featuring diagonally staggered case study cards illuminated by glowing isometric product illustrations against a warm background haze.
Mood
dreamy + clinical
Layout
3 col · asymmetric · airy
Open section →
06
testimonial
Strong
Stark high-contrast testimonial slider pairing an expansive black background with an oversized, elegant serif quote.
Mood
editorial + quiet
Layout
1 col · split · airy
Open section →
07
cta
Atmospheric dark call-to-action card pairing a luminous 3D lettermark with an elegant serif headline and clean demo booking prompt.
Mood
dreamy + bold
Layout
4 col · split · balanced
Open section →
08
cta
Strong
Minimalist pitch-black call to action contrasting refined serif headline copy with massive bold typography below.
Mood
bold + editorial
Layout
1 col · stacked · airy
Open section →