A modern HR platform for growing teams. Fits HR SaaS, people-ops tools, payroll platforms, and workplace-management landing page designs.
Screenshots of 4 pages from zelt.app: homepage, product, pricing and case studies.
Design tokens
9 colors · 9 type stylesVivid amber (#ffcd6d) primary on a pure white (#ffffff) canvas, set in Inter throughout. These values are read from the Zelt DESIGN.md in the Pass bundle, which carries all 9 color tokens, 9 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Zelt-style UI.
Use in your AI builder, no-code tool, or CMS
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.
Not affiliated with Zelt. All trademarks belong to their respective owners.
About Zelt
Home page hero
The home page is a warm grey canvas with a very small floating nav: a bold serif wordmark, a product dropdown, pricing, a resources dropdown, a login link and a pale yellow get-started button, all inside a rounded white pill. The first screen is mostly empty on purpose. A large light sans-serif headline, "Give your people a platform," sits in the middle with one short line about creating a can-do culture with a modern HR platform. Small grey shards drift through the empty space, and the top of an amber 3D blob appears below, leading into the next headline, "Not another HR tool."
Logos and product overview
A white band says the product is powering modern people operations teams around the world, with a scrolling row of startup and fintech logos. A large heading, "Product Overview," introduces a cream card with a vertical list of modules at the left (people, payroll, benefits, payments, time off, apps and devices) with the first selected. In the middle is a dark employee list with six first names, and a white card on top shows app icons and a few figures such as payments, pension and allowance. On the right, a short paragraph describes a next-generation HRIS that cuts admin time with automation and employee self-service, with a dark find-out-more button.
Product page
The product page for the People module has a cream background and a very large "People" heading on the left with the same paragraph and a yellow sign-up-today button with an arrow. The right side repeats the dark employee list and white detail card. A white section, "All your people data in one place," shows a dark employee profile card for a designer with three folder icons and a floating birthday notification.
Pricing
The pricing page is centered on a cream background. A short intro says the product is free for teams under ten employees and offers paid modules beyond that. A white table has two columns, Essential and Professional, priced per user per month, with a grey start-for-free button and a yellow get-started-pro button. Four rows, people, money, devices and apps, list the price in each column, from zero in Essential to single-digit dollars in Professional, and each row has a circular expand arrow. A dark band below begins a closing headline about an employee platform for growth.
Case studies
The case studies page has a very large black title and a row of rounded filter chips: all, financial services, technology, business services and consumer. Below, a two-column grid of image cards uses unusual pictures: a game studio's title over a colorful isometric harbor scene, a sliced steak on a wooden board, a black-and-white photo of four people at a meeting table and a bold black-and-white striped pattern. Each card has a one-line title and a short description about onboarding, payroll or goal tracking.
Based on full-page screenshots of zelt.app: the home page, the product page, the pricing page and the case studies page. Prices and plan names reflect the capture date and may have changed. Customer names appear as on the capture date. Check the live site before relying on specific details.
Related designs
