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.

Fluidtouch design system
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
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











