Basement Foundry

Brutalist digital precision. Pitch-black surfaces framed by dense monospace layouts, 3D halftone graphics, and vivid orange accents.

rebellious gritty

Visit site

Rated

7.0/ 10

From 3 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 10.0
Systemmeasured: 2.9
Distinctionmeasured: 9.1

on the grid: 0%
vertical rhythm: 0%
type on a scale: 50%
contrast passing AA: 67%
unlike the library: 1.22
model craft: 8.7/10
model deviation: 8.0/10

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 navigation, labels, and copy rendered in uppercase monospace
type specimens displayed at monumental scale edge-to-edge

Colour rules

pure black canvas with high-voltage orange strictly for branding and active states
monochrome wireframe borders and muted gray utility text

Voice rules

all uppercase UI copy and labels
monospace data-tagging formatting

Holds it together

keep borders 1px sharp with zero border-radius
enclose metadata, categories, and tags in boxed monospace containers
limit orange accent strictly to logo, highlights, and primary CTAs

Contrast

text on background18.3:1 AAA

muted text on background4.5:1 AA Large

text on surface16.3:1 AAA

muted text on surface4.0:1 AA Large

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: declarative, confident
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

Sections in page order

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

00
hero
Strong
Raw brutalist foundry hero combining dense monospace navigation, high-contrast orange duotone halftone 3D graphics, and terminal-inspired typography.
Mood
rebellious + energetic
Layout
2 col · split · dense
Open section
01
showcase
Strong
Dark technical type foundry catalog displaying punchy, experimental font specimens within wireframe-style interactive cards.
Mood
rebellious + clinical
Layout
1 col · stacked · dense
Open section
02
faq
Strong
Stark brutalist FAQ and footer section with technical monospace text anchored by massive 3D wireframe letterforms on black.
Mood
gritty + rebellious
Layout
2 col · stacked · balanced
Open section