Produx

Sparse, nocturnal, and uncompromisingly quiet. An expansive pitch-black canvas isolates oversized geometric headlines and technical monospace metadata, punctuated only by fragmented organic imagery and subtle floating testimonial cards.

quiet clinical

Visit site

Colour

Background#0e0e0e

Text#f2f2f2

Accent#ffffff

Surface#141414

Muted#a9a9a9

Typefaces

Display: At Aero
Body: DM Mono
Mono: DM Mono
Source: self_hosted
Scale: 10 · 12 · 14 · 16 · 20 · 24

Layout

Grid: 12 columns
Container: 1440px
Spacing base: 8px
Radius: 0px

Capture

Category: studio
Sections: 6
Captured: 2026-08-29
Rhythm: dark x6

Type rules

display headlines set in geometric sans at sentence case with zero tracking
body and metadata strictly set in monospace at a narrow measure under 35 characters

Colour rules

deep black (#0e0e0e) background sustained across 100 percent of the experience
monochrome text hierarchy with off-white for primary statements and mid-gray (#a9a9a9) for secondary copy

Voice rules

short declarative headlines asserting craft over convention
monospaced metadata paired with bracketed uppercase utility labels

Holds it together

sustain the pitch-black (#0e0e0e) background uninterrupted across every section
bracket all utility navigation and scroll triggers in monospaced uppercase tags
restrict body copy and project metadata to short line lengths below 35 characters

Contrast

text on background17.2:1 AAA

muted text on background8.2:1 AAA

text on surface16.5:1 AAA

accent on background19.3:1 AAA

background on accent19.3:1 AAA

Type, measured

Body: 24px / 1.38
Measure: 33 characters
Display: 64px / 1.1
Tracking: 0em display
Scale ratio: 1.28

Voice

Tone: declarative, austere, confident
Sentences: short
Person: first
Vocabulary: precise
Calls to action: view, talk, read

Built with

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

Sections in page order

3 marked strong · 6

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

00
hero
Strong
Deep black, spacious design studio hero pairing monospaced text with declarative statements and floating organic mosaic tiles.
Mood
quiet + editorial
Layout
12 col · asymmetric · airy
Open section →
01
showcase
Austere dark portfolio header setting clean sans-serif text against an underlined monospace link across empty black space.
Mood
quiet + raw
Layout
11 col · split · airy
Open section →
02
showcase
Sparse, pitch-black project index pairing monospaced metadata and outlined service tags across an asymmetrical layout.
Mood
quiet + clinical
Layout
7 col · grid · airy
Open section →
03
statement
Strong
Sparse, pitch-black studio statement pairing precise monospace metadata with an elegant headline and an understated call to action.
Mood
quiet + clinical
Layout
12 col · grid · airy
Open section →
04
testimonial
Strong
Stark dark-mode testimonial section featuring large geometric sans typography paired with muted floating quote cards.
Mood
clinical + quiet
Layout
1 col · asymmetric · airy
Open section →
05
testimonial
Muted rectangular testimonial cards staggered across a deep black void create an understated, quiet portfolio feel.
Mood
quiet
Layout
1 col · asymmetric · airy
Open section →