Zelt

About Zelt

A modern HR platform for growing teams. Fits HR SaaS, people-ops tools, payroll platforms, and workplace-management landing page designs.

Request a DESIGN.md analysisCustom, made for Zelt Website Starter KitBuild your site from a starter template

Design tokens

9 colors · 9 type styles

Vivid amber (#ffcd6d) primary on a pure white (#ffffff) canvas, set in Inter throughout. The highlights below are read from the Zelt DESIGN.md in the Pass bundle, which carries all 9 color tokens, 9 type styles and the full component rules.

Colors

Primaryvivid amber#ffcd6d
Canvaspure white#ffffff
Surfacecool near-black#121718
Inkcool near-black#121718

Type

InterDisplayweights 300, 500, 600, 48 to 112px
InterBodyweights 300, 500, 600, 14 to 19px

Radius

none 0px
xs 2px
sm 8px
md 12px
full 9999px

Spacing

xxs 2px
xs 8px
sm 12px
md 16px
lg 30px
xl 36px
xxl 43.2px

Components

Primary buttonbutton-primary
Primary buttons fill with vivid amber (#ffcd6d) and carry cool near-black (#121718) text, set in Inter 16px at weight 600, with 2px corners and 8px 27px padding.
Cardfeature-card
Cards sit on pure white (#ffffff) behind an off-white (#f4f4f4) hairline, with 12px corners.
Navigationnav-bar
The top navigation runs on pure white (#ffffff) with cool near-black (#121718) links, set in Inter 16px at weight 500.

Three ways to ship a Zelt-style UI.

Use in your AI builder, no-code tool, or CMS

Lovablev0BoltFramerWebflowWordPressWixSquarespace CanvaGoDaddy

Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.