Basement Studio. Arcade glow in a concrete bunker.
- Studio
- Dark theme
- 9 colors
- 2 typefaces
Basement Studio is a dev-led creative studio site staged entirely on a Void Black #000000 canvas, opening on a full-screen WebGL render of the studio's own basement before handing over to type. Every word is Geist at a single 600 weight: 87px and 76px headlines at 0.89 line-height and -0.04em tracking stack like poster copy, while 20px body runs at a blunt 1.0 line-height. Colour is almost absent; Bone #e6e6e6 and Concrete Gray #c4c4c4 carry the text, 1px translucent rules draw logo grids and project rows, and Basement Orange #ff4d00 appears only as a pulsing online dot and the active HUMAN toggle. Nothing is rounded except that one pill, and nothing casts a shadow.

Basement Studio design system
Brand1
Active HUMAN toggle label and the pulsing Online status dot — a single hot signal that reads as a live indicator, never a fill
Neutrals8
Page canvas, footer, toggle pill fill and media frames — the whole site sits on pure black with no tonal sections
Newsletter email field fill and the translucent tint behind the fixed 36px navigation bar
Capability tag fills, the toggle pill outline and 20%-white hairlines around logo cells and project media
Stronger 30%-white grid rules under section headings and between project rows
Superscript counters like (26), the Contact and Trusted by labels, and dimmed metadata
Section displays, the capabilities statement, client logos and the giant BSMNT.26 footer wordmark
Hero headline, body copy, navigation links, project titles and tag labels — the default reading colour
Typed text inside the email field and the footer submit label
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Void Black on Basement Orange
6.31 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











