Skip to content
Library

B150. Future workshop in film grain.

  • Productivity
  • Light theme
  • 9 colors
  • 2 typefaces

B150 — future workshop in warm film grain. The system alternates an ivory editorial canvas with immersive, dark photographic moments, using near-black ink and warm-white type instead of cool digital neutrals. Huge, tightly tracked Geist headlines occupy decisive blocks of space, while Fragment Mono turns navigation, labels, and metadata into tiny technical annotations. Surfaces stay flat and lightly bordered; pill actions and rounded media frames soften the otherwise direct, poster-like composition.

Screenshot of B150
Captured from b150.ai on October 11, 2026

B150 design system

B150

Accent1

  • Orange text accent for links, tags, and emphasized short phrases

Neutrals8

  • Primary text, dark photographic overlays, dark page bands, logo marks, and iconography

  • Secondary body copy and subdued supporting descriptions

  • Tertiary metadata, low-emphasis icons, and supporting labels

  • Hairline borders, card fills, image frames, and dividers

  • Page canvas, light hero fields, and broad editorial section backgrounds

  • Large display text on dark imagery and the palest alternate surface

  • Warm light text over dark media, light pill actions, and high-contrast light surfaces

  • Filled pill actions, product-interface surfaces, and compact elevated media controls

Try a pairing

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

Aa

Charcoal Ink on Signal Coral

6.31 : 1 contrast

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

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