Frames

Austere, technical, and profoundly quiet. Pitch-black backgrounds frame isolated device viewports in cavernous negative space, evoking the patient craft of an analog darkroom.

clinical quiet

Visit site

Colour

Background#000000

Text#f5f5f7

Surface#1d1d1f

Muted#86868b

Typefaces

Display: system-ui
Body: system-ui
Mono: —
Source: system
Scale: 12 · 14 · 17 · 19 · 21 · 24

Layout

Grid: 11 columns
Container: 1208px
Spacing base: 8px
Radius: 20px · 9999px

Capture

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

Type rules

body text runs in muted grey #86868b with ample line height
section titles and labels set in sentence case with zero tracking

Colour rules

pure black #000000 background maintained consistently from fold to footer
text hierarchy created strictly through tonal steps from #f5f5f7 down to #86868b

Voice rules

quiet declarative sentences with no tech hype
short noun or verb phrase headers

Holds it together

set all sections against an uninterrupted pure black #000000 background
isolate each hardware viewport in deep vertical negative space
render UI containers and pill buttons with hairline #424245 borders

Contrast

text on background19.3:1 AAA

muted text on background5.8:1 AA

text on surface15.5:1 AAA

Type, measured

Body: 19px / 1.42
Measure: 111 characters
Display: 96px / 1.04
Tracking: 0em display
Scale ratio: 1.50

Voice

Tone: restrained, precise, contemplative
Sentences: medium
Person: third
Vocabulary: plain
Calls to action: download

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 2 items
Length: 13.5 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
Strong
A pitch-black, clinical product showcase centering a sleek mobile app mockup against a subtle grid of dark contact sheet frames.
Mood
clinical + quiet
Layout
11 col · centered · airy
Open section →
01
showcase
Strong
Deep black, ultra-minimal product showcase with a solitary mobile UI mockup surrounded by vast negative space and precise typography.
Mood
quiet + clinical
Layout
11 col · stacked · airy
Open section →
02
showcase
Precise, dark-mode technical showcase displaying a rich photo grid and EXIF metadata panel inside a laptop frame.
Mood
clinical + quiet
Layout
12 col · centered · dense
Open section →
03
feature
A pitch-black, deeply restrained product showcase framing an iPad interface in quiet isolation.
Mood
quiet + clinical
Layout
16 col · stacked · airy
Open section →
04
footer
Strong
Austere, pitch-black sitemap footer with left-anchored typographic columns surrounded by expansive negative space.
Mood
quiet + clinical
Layout
3 col · asymmetric · airy
Open section →