Devin. Electric ink on drafting paper.
- AI
- Light theme
- 8 colors
- 2 typefaces
Devin uses a warm off-white canvas, near-black typography, and a single electric violet-blue interruption. Large, tightly tracked grotesk headlines sit in expansive centered compositions, while the product is presented as pale, low-elevation software panels with compact utility text. The page alternates roomy editorial statements with dense interface evidence, dark bento panels, and repeated rounded gray tiles; blue is reserved for linked product names, selected words, and the occasional saturated control.
Devin design system
Brand1
Highlighted headline words, inline product links, selected icon strokes, and rare filled controls — the hard violet-blue creates a technical interruption in the otherwise grayscale system
Neutrals7
Primary text, dark buttons, outlines, dark iconography, and dark feature surfaces
Dark bento-card surfaces
Eyebrows, muted labels, and monochrome partner marks
Inverse text on dark surfaces and subdued pale interface areas
Logo tiles, integration cards, pale product modules
Page background, navigation bar, footer background
Text and icons on Carbon or Electric Blue controls
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
White on Electric Blue
8.36 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
