Skip to content
Library

Fluidtouch. Stargazer's dark observatory.

  • Productivity
  • Dark theme
  • 6 colors
  • 2 typefaces

Fluidtouch operates as a digital observatory: near-black canvas (#121318) hosts monumental white type and a constellation of pale dots connected by hairline vectors, with a single hot pink (#ed1672) acting as the only chromatic signal in an otherwise monochrome universe. Display voice is Poppins 700 at scale that borders on poster-sized (110px hero), while Muli 300 whispers at body sizes — the contrast between geometric-bold and humanist-soft is the system's emotional center. Surfaces are flat and borderless; depth comes from slightly lighter panels (#191c26) and hairline #212529 rules, never from shadows. Components are generously padded and pill-shaped (100px radius), floating in generous negative space that makes every interactive element feel deliberate rather than dense.

Screenshot of Home
Captured from fluidtouch.biz on October 11, 2026

Fluidtouch design system

Fluidtouch

Brand1

  • Active nav links, primary CTA fills, decorative accent dots — the only chromatic voice in the system, reserved so each occurrence reads as signal

Neutrals5

  • Supporting palette color for small decorative accents when the core palette needs contrast. Do not promote it to the primary CTA color

  • Page canvas, hero background, footer — the deep-space base layer everything floats on

  • Elevated card surfaces, section backgrounds one step above canvas

  • Hairline borders, image frame rules, subtle structural dividers

  • Primary text, headline color, nav links, button text — the only color competing with the magenta accent

Try a pairing

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

Aa

Void Black on Hot Magenta

4.96 : 1 contrast

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

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