Skarlo

Deep black canvas paired with delicate serif typography and luminous purple WebGL lightfields. The atmosphere feels refined, quiet, and future-editorial.

dreamy editorial quiet

Visit site

Colour

Background#000000

Text#ffffff

Accent#e11438

Surface#e5e5e5

Muted#ababab

Typefaces

Display: Feature Deck Web Regular
Body: Feature Deck Web Regular
Mono: —
Source: google
Scale: 16 · 20 · 26 · 30 · 50 · 80

Layout

Grid: —
Container: —
Spacing base: 5px
Radius: 8px

Capture

Category: studio
Sections: 5
Captured: 2026-08-29
Rhythm: dark x5

Type rules

display headings set in high-contrast serif at sentence case
body text constrained to tight measure under 50 characters

Colour rules

pure black background across all sections
accent colors reserved strictly for imagery and focal UI elements

Voice rules

first-person plural perspective
understated, short sentences

Holds it together

render display headlines in high-contrast serif in sentence case
punctuate large headline sentences with inline image stamps
frame portfolio items as floating light cards against pure black

Contrast

text on background21.0:1 AAA

muted text on background9.1:1 AAA

text on surface1.3:1 fail

accent on background4.4:1 AA Large

background on accent4.4:1 AA Large

Type, measured

Body: 16px / 1.4
Measure: 48 characters
Display: 80px / 1
Tracking: 0em display
Scale ratio: 1.50

Voice

Tone: understated, confident
Sentences: short
Person: first
Vocabulary: plain
Calls to action: view, get, book

Built with

Builder: framer
Framework: —
Motion: lenis
WebGL: yes
Nav: —
Length: 13.7 screens

Sections in page order

3 marked strong · 5

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

00
hero
Deep purple luminescent grid backdrop creates an enigmatic, high-craft atmosphere for an AI design studio hero.
Mood
dreamy + luxurious
Layout
1 col · stacked · airy
Open section →
01
hero
Stark black hero built entirely around elegant, high-contrast serif typography with deliberate spacing pauses.
Mood
editorial + bold
Layout
12 col · asymmetric · airy
Open section →
02
statement
Strong
Crisp editorial statement combining large serif typography with charming inline photographic stamps on a dark canvas.
Mood
editorial + playful
Layout
15 col · asymmetric · airy
Open section →
03
showcase
Strong
A stark, expansive dark portfolio showcase with generous black space surrounding modular dual-toned project cards.
Mood
quiet + editorial
Layout
1 col · stacked · airy
Open section →
04
showcase
Strong
Austere dark editorial three-column layout pairing conversational serif statements with narrow panoramic botanical photography and client logos.
Mood
editorial + quiet
Layout
3 col · grid · airy
Open section →