OpenServ. Bright blueprint on frosted glass.
- AI
- Light theme
- 9 colors
- 2 typefaces
OpenServ operates in a bright, almost gallery-like visual register: pure white canvas, hairline-bordered surface cards, and two high-contrast typographic voices — a geometric grotesque for UI and a whisper-light transitional serif for headlines and section moments. Color is rationed: a single vivid violet (#5f79ff) carries every interactive moment, while a saturated mint (#01fe93) flashes only on success, highlights, and a thin gradient stripe at section boundaries. The interface is deliberately unweighted — no drop shadows on content, no decorative gradients, no emoji-grade illustration. Rounded geometry at 16px for surfaces and 100px for action buttons gives the whole product a soft, optimistic feel without sliding into the rounded-everything SaaS template.
OpenServ design system
Brand1
Primary action fill, active nav state, icon accent strokes, focused border — the single chromatic anchor that makes buttons feel switched on against the white canvas
Accent1
Green action color for filled buttons, selected navigation states, and focused conversion moments
Neutrals7
Primary text, heading text, hairline borders, icon strokes, footer ink
Body secondary text, subdued copy, supporting label color
Helper text, metadata, fine print
Tertiary borders, disabled or inactive outlines
Muted nav text, secondary borders, placeholder strokes
Card surface lift, subtle background blocks, muted link backgrounds
Page background, card surface, button text on violet fill, inverted surface for nav float
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Signal Violet
5.67 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
