Skip to content
Library

Acolorbright. White gallery walls around black-ink editorial type.

  • Studio
  • Light theme
  • 8 colors
  • 2 typefaces

AColorBright is a typographic monolith — an achromatic editorial canvas where a single custom serif/grotesque hybrid (RiformaLLWeb) does all the visual work. Every surface is paper-white or near-black; color is rejected entirely (0% colorfulness), so hierarchy comes from type size, weight contrast, and generous negative space. The signature motif is the numbered black circle preceding each section heading, creating a serial-chapter rhythm across what would otherwise be a long-form scroll. Components are borderless and shadowless — cards are defined by typography and 12px image radii, buttons are flat black-on-white rectangles with 8px corners, and dividers are implied by whitespace rather than hairlines. Imagery is the only chromatic interruption: full-bleed product photography sits inside rounded frames as proof of craft, not decoration.

Screenshot of Acolorbright
Captured from acolorbright.com on October 11, 2026

Acolorbright design system

Acolorbright

Neutrals8

  • SVG icon fills, body accents, exact-black moments where maximum contrast is intentional (numbered section badges)

  • Primary text, all structural borders (cards, lists, nav containers), heading borders, icon strokes — the dominant ink tone chosen over pure #000 for slightly softer edge contrast against white

  • Navigation backgrounds, filled button surfaces — the slightly lighter fill that keeps dark UI elements from feeling dead-flat against text

  • Body copy, secondary text, link borders, surface tints in data regions — the mid-neutral that carries paragraph-level content without competing with headings

  • Medium-contrast borders, control outlines, and structural separators.

  • Hairline borders, dividers, input outlines, and card edges on light surfaces. Do not promote it to the primary CTA color

  • Alternate row background in lists, the only surface tint lighter than white — used sparingly to band repeating entries

  • Page background, card surfaces, button text on dark fills, nav foreground — the default canvas everything else sits on

Try a pairing

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

Aa

Paper on Pure Black

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.