Skip to content
Library

Bareis + Nicolaus. White chalk on black slate.

  • Studio
  • Dark theme
  • 3 colors
  • 3 typefaces

Bareis + Nicolaus operates as a monochrome editorial grid: pitch-black canvas, bone-white outlines, and a single typeface carrying the entire voice. The interface is a split workspace — a typographic control column on the left filters and indexes, a full-bleed visual index on the right showcases the work. Every interactive element is a pill: 120px radius, 1px white stroke, no fill, no shadow, no hover fill — the geometry does the work. Typography is the protagonist: 72px display at weight 400 with a 1.0 line-height gives headlines architectural presence without weight, while 24px body text reads as quiet annotation. The system refuses decoration — no gradients, no brand color, no elevation, no rounded cards — and that absence is the identity. Every element earns its pixel by being typographic, structural, or navigational.

Screenshot of Bareis + Nicolaus
Captured from bareis-nicolaus.com on October 11, 2026

Bareis + Nicolaus design system

Bareis + Nicolaus

Neutrals3

  • Page background, card surface, filled button fill — the flat black ground that all white typography and outlines sit on

  • Muted borders and secondary structural strokes where pure white would compete with primary controls

  • Primary text, pill button borders, link text, section dividers, card hover overlays — every outlined and typographic element

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Bone on Obsidian

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.