Unpack

Disciplined, ultra-dark curation index that recedes to let showcase imagery command attention. Crisp typography, compact pill filters, and fan-stacked category cards create a precise, archival feel.

quiet

Visit site

Colour

Background#0a0a0a

Text#ffffff

Surface#141414

Muted#adadad

Typefaces

Display: ppNeueMontreal
Body: Geist
Mono: —
Source: self_hosted
Scale: 12 · 14 · 15 · 16 · 26

Layout

Grid: 12 columns
Container: 1305px
Spacing base: 8px
Radius: 8px · 12px · 16px

Capture

Category: tools
Sections: 3
Captured: 2026-08-29
Rhythm: dark x3

Type rules

item titles use 16px medium weight in sentence case
metadata captions render at 14px in muted gray (#adadad) with centered middle dot separators
filter and category badges use tight 14px labels in pill containers

Colour rules

page is strictly monochrome dark with #0a0a0a dominant background
surface panels and card backings use #141414 to create subtle elevation without color contrast
imagery from featured case studies provides all chromatic variety across the interface

Voice rules

treat copy as indexing metadata rather than marketing prose
metadata formatted strictly as studio bulleted with industry discipline

Holds it together

case study items sit in a clean 3-column grid with rounded rectangular media containers
category headers at top display visual stacked-card fanning previewing their contents
footer organizes complete site index into dense multi-column sitemap lists

Contrast

text on background19.8:1 AAA

muted text on background8.8:1 AAA

text on surface18.4:1 AAA

Type, measured

Body: 16px / 1.5
Measure: 60 characters
Display: 26px / 1.25
Tracking: 0em display
Scale ratio: 1.13

Voice

Tone: restrained, objective, curatorial
Sentences: short
Person: none
Vocabulary: plain
Calls to action: submit, discover, browse

Built with

Builder: —
Framework: next
Motion: lenis
WebGL: —
Nav: top_bar, 2 items
Length: 6.5 screens

Sections in page order

3 marked strong · 3

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

00
showcase
Strong
Dark, slick directory interface featuring fan-deck category preview cards and compact filter pills against a deep black canvas.
Mood
quiet + clinical
Layout
1 col · stacked · balanced
Open section →
01
gallery
Strong
A dark, highly disciplined design archive presenting case studies in a clean three-column grid with subtle captions.
Mood
quiet + clinical
Layout
3 col · grid · balanced
Open section →
02
footer
Strong
A quiet, highly structured dark footer functioning as an exhaustive typographic directory.
Mood
quiet + clinical
Layout
12 col · grid · dense
Open section →