Temporary State

Radically utilitarian and clinical. A stark pitch-black specimen tool treating letterforms as technical data set against precision metric coordinate lines. Giant white glyphs dominate the screen while fine ochre wireframe controls anchor the top navigation.

raw clinical

Visit site ↗

Colour

Background#000000

Text#ffffff

Accent#7d5500

Surface#000000

Muted#7d5500

Typefaces

Display: GramatikaRegular
Body: GramatikaRegular
Mono: Num
Source: self_hosted
Scale: 11 · 30 · 32 · 99

Layout

Grid: 5 columns
Container: 1440px
Spacing base: 8px
Radius: 0px · 999px

Capture

Category: foundry
Sections: 2
Captured: 2026-08-27
Rhythm: dark x2

Type rules

specimen glyphs scale to giant sizes positioned along baseline and cap-height metric lines
metadata labels stack centrally below specimen glyphs at compact body sizes

Colour rules

background is strictly solid black #000000 with high-contrast #ffffff glyphs
ochre #7d5500 is used exclusively for wireframe navigation labels and interactive pill outlines

Voice rules

zero marketing prose; text exists strictly as typography specimen metadata and UI controls
specimen labels provide only family name, style, and metric coordinates

Holds it together

divide the viewport into equal comparison columns framed by hairline vertical rules
overlay horizontal dashed and solid metric lines labelled with numeric vertical coordinates
render top-level interactive menus and auth buttons as delicate wireframe outlines in ochre

Contrast

text on background21.0:1 AAA

muted text on background3.2:1 AA Large

text on surface21.0:1 AAA

accent on background3.2:1 AA Large

background on accent3.2:1 AA Large

Type, measured

Body: 11px / 1
Measure: 43 characters
Display: 99px / 0.8
Tracking: 0em display
Scale ratio: 1.73

Voice

Tone: technical, utilitarian
Sentences: short
Person: none
Vocabulary: technical
Calls to action: select, login, signup

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: —
Length: 1 screens

Sections in page order

1 strongest marked · 2

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

00
nav
A stark wireframe navigation bar featuring outlined typography and pill-shaped action buttons against deep black.
Mood
raw + editorial
Layout
5 col · full bleed · balanced
Open section →
01
showcase
Strongest
Stark type foundry specimen split screen comparing oversized letterforms against technical baseline and cap-height gridlines.
Mood
clinical + raw
Layout
2 col · split · airy
Open section →