Skip to content
Library

Obscura. 8-bit arcade floating on cloud paper.

  • SaaS
  • Light theme
  • 9 colors
  • 2 typefaces

Obscura runs on a playful 8-bit arcade vocabulary pressed onto a soft, sky-toned paper canvas. The display type (Jersey 10) is the visual signature: chunky pixel letterforms that read like Game Boy subtitles, paired with the calm, modern geometry of Manrope for everything that needs to be read. A single vivid orange (#ff5e24) does the loud work — CTA fills, link hovers, hero emphasis, card borders — while the rest of the system stays in cream, sky-blue, and graphite. Surfaces float on a pale #e3f1fe cloud with hairline borders and whisper-soft shadows; the page feels like a pixel-art console wallpaper you actually want to live inside. The mood is privacy-as-playfulness, not privacy-as-fortress.

Screenshot of Obscura
Captured from obscura.net on October 11, 2026

Obscura design system

Obscura

Brand3

  • Primary CTA fill, hero headline emphasis, active nav link, card accent border, hover state — the single chromatic voice that earns every pixel it touches

  • Footer background, dark-mode brand block — used where the orange needs to recede into a deep, warm base

  • Page canvas tint, card surface wash, secondary button border, decorative fill behind pixel art — the soft sky that everything floats on

Neutrals6

  • Headline text and strong links where the orange isn't appropriate — a rare, almost-black alternative

  • Primary text, nav links, icon strokes, body copy — the near-black with a cool cast that keeps the page from feeling sterile

  • Secondary body text, subdued button labels, muted icon fills — the tone of helpful but unhurried copy

  • Tertiary text, placeholder, disabled icon color, decorative pixel tints — the quietest readable neutral

  • Warm-tinted shadow base for card elevation — keeps shadows from looking blue-cold against the cream surface

  • Card surface, button text on dark fills, nav background, app-window chrome — the brightest readable layer

Try a pairing

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

Aa

Midnight Ink on Signal Orange

5.81 : 1 contrast

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

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