Basement Foundry

Raw, aggressive, and technically uncompromising. Monospaced UI scaffolding and heavy boxed badges frame massive typographic specimens on an absolute pitch-black canvas, energized by dithered safety-orange WebGL visuals.

raw

Visit site ↗

Colour

Background#000000

Text#efefef

Accent#ff4d00

Surface#121212

Muted#747474

Typefaces

Display: Basement Grotesque Black Expanded
Body: JetBrains Mono
Mono: JetBrains Mono
Source: self_hosted
Scale: 12 · 14 · 18 · 90 · 120 · 164

Layout

Grid: 16 columns
Container: 1170px
Spacing base: 4px
Radius: 0px

Capture

Category: foundry
Sections: 3
Captured: 2026-08-27
Rhythm: dark x3

Type rules

all UI labels and metadata set in uppercase JetBrains Mono with boxed borders
type specimen titles scaled gigantically across full container width

Colour rules

strict monochrome black and white base with sharp safety-orange #ff4d00 reserved for brand accents and interactive states
borders rendered in subtle muted grey or crisp white hairlines

Voice rules

copy is set in uppercase with terminal punctuation or em-dashes
technical specs presented as raw metadata

Holds it together

keep all navigation, metadata, and body copy strictly set in uppercase JetBrains Mono with arrow prefixes
use 1px rectangular hairline borders around interactive badge buttons
confine safety-orange (#ff4d00) to key brand signatures, live indices, and hero dither graphics

Contrast

text on background18.3:1 AAA

muted text on background4.5:1 AA Large

text on surface16.3:1 AAA

accent on background6.3:1 AA

background on accent6.3:1 AA

Type, measured

Body: 14px / 1.3
Measure: 261 characters
Display: 234px / 1.1
Tracking: 0.01em display
Scale ratio: 2.02

Voice

Tone: technical, irreverent, declarative
Sentences: short
Person: first
Vocabulary: technical
Calls to action: explore, buy

Built with

Builder: —
Framework: next
Motion: —
WebGL: yes
Nav: sticky_top_bar, 30 items, sticky
Length: 7.4 screens

Colour, by area

accent on text

#000000 0%#121212 0%#efefef 0%

Sections in page order

3 strongest marked · 3

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

00
hero
Strongest
Aggressive, dithered 3D typographic chaos in glowing red-orange on pitch black with raw monospaced metadata.
Mood
raw + bold
Layout
16 col · stacked · dense
Open section →
01
showcase
Strongest
An aggressive, dark digital type foundry catalog showcasing experimental bespoke letterforms framed in modular monospaced specimen cards.
Mood
raw + bold
Layout
1 col · stacked · dense
Open section →
02
footer
Strongest
Monochrome technical FAQ and brutalist footer dominated by a massive wireframe 3D typographic logotype.
Mood
raw + bold
Layout
11 col · stacked · balanced
Open section →