An open-source all-in-one work platform. Fits productivity SaaS, project-management tools, team-collab platforms, and engineering-suite landing page designs.
Design tokens
36 colors · 23 type stylesVivid coral (#ff8964) primary on a cool near-black (#0b0d10) canvas, set in Onest for headlines and Inter for body text. The highlights below are read from the Huly DESIGN.md in the Pass bundle, which carries all 36 color tokens, 23 type styles and the full component rules.
Colors
- Primaryvivid coral
#ff8964 - Secondaryblue
#5683da - Canvascool near-black
#0b0d10 - Surfacenear-black
#18191b - Inkpure white
#ffffff
Type
- OnestDisplayweights 500, 600, 32 to 84px
- InterBodyweights 300, 400, 500, 600, 700, 15 to 18px
- ui-monospaceMonoweight 400, 14px
Radius
- xs 4px
- sm 6px
- md 8px
- lg 10px
- xl 12px
- xxl 14px
- card 20px
- panel 24px
Spacing
- xxs 2px
- xs 4px
- sm 8px
- md 12px
- lg 16px
- xl 24px
- xxl 32px
- xxxl 40px
- section-sm 64px
- section 96px
Components
- Primary button
button-primaryPrimary buttons fill with pure white (#ffffff) and carry cool near-black (#0b0d10) text, set in Inter 14px at weight 500, with pill corners and 14px padding.
- Card
glassmorphic-cardCards sit flat on the canvas, with 24px corners and 32px padding.
- Navigation
nav-marketingThe top navigation runs on cool near-black (#0b0d10) with pure white (#ffffff) links, set in Inter 14px at weight 500, in a 64px bar.
Three ways to ship a Huly-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 Huly. All trademarks belong to their respective owners.
Related designs
