An AI-powered business operating system. Fits enterprise AI SaaS, all-in-one business tools, AI workspace apps, and operations-platform landing page designs.
Design tokens
12 colors · 7 type stylesPure black (#000000) primary on an off-white (#f3f3f3) canvas, set in SuisseIntlCond for headlines and SuisseIntl for body text. The highlights below are read from the Dayos DESIGN.md in the Pass bundle, which carries all 12 color tokens, 7 type styles and the full component rules.
Colors
- Primarypure black
#000000 - Secondaryvivid yellow
#fff100 - Canvasoff-white
#f3f3f3 - Surfacepure white
#ffffff - Inkpure black
#000000
Type
- SuisseIntlCondDisplayweight 700, 64 to 85px
- SuisseIntlBodyweights 450, 500, 19 to 27px
- SuisseIntlMonoMonoweight 500, 16px
Radius
- sm 10.7px
- md 13.3px
- lg 16px
- xl 32px
- xxl 64px
- full 9999px
Spacing
- xs 5.3px
- sm 10.7px
- md 16px
- lg 21.3px
- xl 32px
- xxl 53.3px
- xxxl 62px
- section 85.3px
Components
- Primary button
button-primaryPrimary buttons fill with pure black (#000000) and carry pure white (#ffffff) text, set in SuisseIntl 21px at weight 500, with 13.3px corners.
- Card
feature-cardCards sit on pure white (#ffffff), with 32px corners and 32px padding.
- Navigation
nav-barThe top navigation runs on off-white (#f3f3f3) with pure black (#000000) links.
Three ways to ship a Dayos-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 Dayos. All trademarks belong to their respective owners.
