Clevante

Monolithic and meticulously dark. High-contrast white typography is set against deep black voids and glossy 3D chrome emblem art. Subdued slate secondary text and expansive negative space give each portfolio entry an understated gallery presence.

bold clinical quiet raw

Visit site

Colour

Background#08090b

Text#f4f5f7

Accent#7da3c0

Surface#070809

Muted#888d96

Typefaces

Display: Montserrat Variable
Body: Montserrat Variable
Mono: —
Source: self_hosted
Scale: 10 · 11 · 13 · 14 · 15 · 18

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 4px · 12px · 999px

Capture

Category: studio
Sections: 8
Captured: 2026-08-29
Rhythm: dark x8

Type rules

hero display type set in stark uppercase with tight line height
body text runs at approximately 83 characters per line with muted grey tones

Colour rules

entire canvas remains monochromatic dark across all sections
high contrast white text for primary headings with muted slate grey for descriptive body

Voice rules

short declarative headlines in stark uppercase
minimalist action verbs on all links

Holds it together

keep the background consistently dark across every section without light breaks
pair massive display titles with fine uppercase pill tags and category labels
alternate left-right alignment for consecutive portfolio showcase rows

Contrast

text on background18.3:1 AAA

muted text on background6.0:1 AA

text on surface18.4:1 AAA

accent on background7.5:1 AAA

background on accent7.5:1 AAA

Type, measured

Body: 18px / 1.6
Measure: 83 characters
Display: 189px / 0.88
Tracking: -0.04em display
Scale ratio: 1.80

Voice

Tone: confident, precise, declarative
Sentences: short
Person: first
Vocabulary: plain
Calls to action: prohlédnout, zobrazit

Built with

Builder: —
Framework: —
Motion: lenis
WebGL: yes
Nav: sticky_top_bar, 4 items, sticky
Length: 15.7 screens

Sections in page order

3 marked strong · 8

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

00
hero
Strong
Monochromatic dark studio hero anchored by a glossy 3D emblem and stark uppercase typography.
Mood
bold + luxurious
Layout
1 col · split · airy
Open section →
01
feature
A dark, precise service index combining oversized headers, numbered rows, and subtle pill-shaped tags.
Mood
clinical + quiet
Layout
12 col · stacked · balanced
Open section →
02
statement
Strong
Monumental, ultra-light typography drifts across deep black space with staggered alignment and smooth horizontal gradient fades.
Mood
bold + quiet
Layout
12 col · asymmetric · airy
Open section →
03
showcase
Strong
A sleek, dark portfolio case study presenting a wedding website mockup beside refined, spacious typography.
Mood
quiet + luxurious
Layout
8 col · split · airy
Open section →
04
showcase
High-contrast portfolio showcase pairing minimal typography against a stark dark background with an embedded live preview of a bright food delivery platform.
Mood
bold + quiet
Layout
15 col · split · airy
Open section →
05
showcase
A sleek dark portfolio showcase pairing a rounded website mockup with crisp, oversized typography and ample negative space.
Mood
quiet + bold
Layout
8 col · split · airy
Open section →
06
showcase
Minimal dark portfolio showcase pairing light, airy typography with an expansive live website preview frame.
Mood
quiet + clinical
Layout
10 col · split · airy
Open section →
07
statement
A stark black canvas holding overlapping animated display type flanked by oversized parentheses.
Mood
raw + bold
Layout
1 col · centered · airy
Open section →