A collaborative AI software engineer for teams. Fits AI coding SaaS, autonomous-agent platforms, dev-platform products, and engineering-AI landing page designs.
Design tokens
13 colors · 10 type stylesVivid blue (#317cff) primary on a pure white (#ffffff) canvas, set in Inter throughout. The highlights below are read from the Devin DESIGN.md in the Pass bundle, which carries all 13 color tokens, 10 type styles and the full component rules.
Colors
- Primaryvivid blue
#317cff - Canvaspure white
#ffffff - Inknear-black
#121111
Type
- InterDisplayweight 500, 64 to 70px
- InterBodyweight 500, 14 to 24px
Radius
- none 0px
- md 10px
- lg 12px
- xl 16px
- pill 100px
- full 9999px
Spacing
- xxs 2px
- xs 8px
- sm 16px
- md 24px
- lg 38px
- xl 57px
- section 75px
- section-lg 113px
Components
- Primary button
button-primaryPrimary buttons fill with vivid blue (#317cff) and carry pure white (#ffffff) text, set in Inter 16px at weight 500, with 10px corners.
- Card
feature-cardCards sit on pure white (#ffffff), with 16px corners.
- Navigation
nav-barThe top navigation runs on pure white (#ffffff) with near-black (#121111) links, set in Inter 16px at weight 500.
Three ways to ship a Devin-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 Devin. All trademarks belong to their respective owners.
