Darkroom

Industrial, precise, and uncompromisingly technical. Deep monochrome surfaces frame hyper-detailed packaging renders with surgical cataloging. Monospace inventories and edge-to-edge condensed typography give the site the aura of a high-end digital design laboratory.

bold clinical quiet

Visit site

Colour

Background#0d0d0d

Text#efeee8

Accent#2426fa

Surface#171717

Muted#b3b2ac

Typefaces

Display: Suisseintl Webs
Body: Suisseintl Webs
Mono: Suisseintlmono Webs
Source: self_hosted
Scale: 12 · 14 · 16 · 18 · 24 · 28

Layout

Grid: 15 columns
Container: 1332px
Spacing base: 4px
Radius: 0px

Capture

Category: tools
Sections: 9
Captured: 2026-08-29
Rhythm: dark x9

Type rules

body text set in Suisseintl Webs at 14px extending up to 93 characters per line
catalog indices and metadata strictly set in Suisseintlmono Webs
massive condensed uppercase brand display anchors the top hero and footer

Colour rules

near-black backgrounds (#0d0d0d, #171717) dominate the entire viewport
electric blue (#2426fa) reserved exclusively for primary action triggers
muted grey (#b3b2ac) used for extensive monospace inventory listings

Voice rules

zero superfluous marketing prose
items numbered with three-digit zero-padded indices

Holds it together

restrict bright accent colour to the primary action button and packaging graphics
organize footer directories into dense multi-column monospace catalog lists
bookend the site narrative with oversized edge-to-edge brand typography

Contrast

text on background16.7:1 AAA

muted text on background9.1:1 AAA

text on surface15.4:1 AAA

accent on background2.5:1 fail

background on accent2.5:1 fail

Type, measured

Body: 14px / 1.3
Measure: 93 characters
Display: 40px / 1
Tracking: 0em display
Scale ratio: 1.30

Voice

Tone: technical, declarative, understated
Sentences: short
Person: none
Vocabulary: technical
Calls to action: shop, browse, view

Built with

Builder: webflow
Framework: —
Motion: gsap
WebGL: —
Nav: —
Length: 6.3 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
Monolithic, high-contrast dark hero dominated by an oversized condensed brand title extending across the frame.
Mood
bold + raw
Layout
8 col · stacked · dense
Open section →
01
showcase
Strong
Crisp studio 3D packaging showcase paired with minimal floating UI controls against a stark split background.
Mood
clinical + quiet
Layout
15 col · split · airy
Open section →
02
hero
Stark, pitch-dark typographic hero featuring precise neo-grotesque type and a single electric blue call-to-action.
Mood
clinical + quiet
Layout
14 col · stacked · airy
Open section →
03
gallery
Strong
A crisp, high-contrast monochrome showcase of chrome and packaging mockups arranged with industrial precision against a dark backdrop.
Mood
clinical + raw
Layout
15 col · asymmetric · balanced
Open section →
04
showcase
Minimalist split showcase pairing a vibrant, foam-dripping cider can photograph against a quiet dark background.
Mood
quiet + bold
Layout
11 col · split · airy
Open section →
05
gallery
A stark, highly engineered product mockup showcase featuring monochrome packaging against deep black.
Mood
clinical + quiet
Layout
2 col · grid · balanced
Open section →
06
logo bar
A restrained dark grid of monochrome partner marks anchored by a quiet social impact pledge below.
Mood
quiet + clinical
Layout
1 col · stacked · balanced
Open section →
07
footer
Massive edge-to-edge condensed uppercase wordmark commanding the entire viewport in stark black and white.
Mood
bold + raw
Layout
12 col · full bleed · dense
Open section →
08
footer
Strong
Dense, catalog-like dark footer with rigorous monospace index columns and stark utilitarian alignment.
Mood
clinical + raw
Layout
15 col · grid · dense
Open section →