Zelt. The single honey accent glows against warm cream and near-black ink, as if sunlight fell across a paper spread.
- SaaS
- Light theme
- 8 colors
- 1 typeface
Zelt is a warm, editorial HR platform rendered in the register of a sunlit reading room rather than a cold enterprise dashboard. Its entire visual system rests on a cream-and-charcoal monochrome — page canvas, cards, dividers, and typography all live in desaturated warm neutrals — while a single honey-amber accent (#ffcd6d) punctuates the interface at decision points: the demo button, the get-started button, the webinar banner. Components are pill-shaped and weightless, surfaces are flat with hairline borders, and display type is set in a confident geometric sans with aggressively tight tracking. The result feels closer to a magazine spread or a design studio's landing page than to typical HR/IT software, and that warmth is the entire brand.
Zelt design system
Brand1
Primary action fill for the demo and get-started buttons, key brand moments — the single saturated color in the system, reserved for decisions that move the user forward
Accent1
Yellow wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Neutrals6
Primary text, icon strokes, hairline borders, default link text — near-black with a barely-warm cast that harmonizes with the cream canvas rather than fighting it
Dark surface fill for inverted cards, footer band, contrast blocks — darker than Ink so it reads as a deliberate charcoal panel
Secondary neutral action background, muted utility surfaces — sits between Ink and the canvas for low-emphasis interactive fills
Page canvas, outer body background — the warm light gray that gives the entire interface its sunlit quality
Card backgrounds, soft surface fill, inset panels — the warm off-white that sits one step above the page canvas
Elevated card surfaces, button text on amber, icon fills — the brightest stop in the stack, used sparingly to lift content above the cream canvas
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink on Honey
12.23 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
