A creative project management and AI feedback platform. Fits creative SaaS, project-management tools, AI-utility apps, and design-collab landing page designs.
Design tokens
17 colors · 15 type stylesNear-black (#1a1a1a) primary on a pure white (#ffffff) canvas, set in Crimson Pro for headlines and Inter for body text. The highlights below are read from the Workflow DESIGN.md in the Pass bundle, which carries all 17 color tokens, 15 type styles and the full component rules.
Colors
- Primarynear-black
#1a1a1a - Canvaspure white
#ffffff - Surfaceoff-white
#f6f6f6 - Inknear-black
#1a1a1a
Type
- Crimson ProDisplayweights 200, 300, 32px
- InterBodyweights 400, 500, 14 to 16px
Radius
- none 0px
- xs 4px
- sm 6px
- md 8px
- lg 12px
- full 9999px
Spacing
- xxs 2px
- xs 4px
- s 6px
- sm 8px
- m 10px
- md 16px
- lg 24px
- xl 40px
- xxl 60px
- section-sm 88px
Components
- Primary button
button-primaryPrimary buttons fill with near-black (#1a1a1a) and carry pure white (#ffffff) text, set in Inter 14px at weight 500, with 8px corners and 10px 16px padding.
- Card
feature-cardCards sit on pure white (#ffffff) behind a light gray (#e8e8e8) hairline, with 8px corners and 24px padding.
- Navigation
nav-barThe top navigation runs on pure white (#ffffff) with near-black (#1a1a1a) links, set in Inter 14px at weight 500.
Three ways to ship a Workflow-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 Workflow. All trademarks belong to their respective owners.
