Devin
Electronic ink on drafting paper. While the near-black font and light technical surfaces do most of the work, #2200ff appears as a deliberate activation signal.
Palette
Brand
- Electric Blue
#2200ff
Neutral
- Paper
#f7f6f5 - Carbon
#141414 - Tile Gray
#efefef - Mist
#e7e7e7 - Graphite
#1f1f1f - Steel
#7d7d7d
Typography
from 11 to 70px · 11 steps
- nbInternationalPro — replacement: Inter · outlines 400, 500
- geistMono — replacement: IBM Plex Mono · outlines 400
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 4px |
| Button radius | 2px |
| Card radius | 16px |
| Shadows | no - borders instead of shadows |
| Between sections | 36px |
AI will build your website in Devin style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Bevel — Morning Metrics in Cloudlight. Create screens that look like a bright white health diary, complemented by a softly glowing dashboard on your wearable device.
- Mollie — A cashmere counter, a dark ledger. Leave ample white space for editorial design around the black text, then reinforce product-related points with warm creams, espresso browns, and tactile photos of actual payment methods.
- Baselayer — Baselayer is an electronic ledger at midnight. Think of the interface as an institutional document, open on a glowing risk analysis console.
- 1X NEO — 1X Tech is a quiet home theater. A pale page with editorial text opens with cinematic scenes of people and a humanoid robot, while interface elements are reduced to tiny, spaced-out captions and soft monochrome images.
- B150 — A future film grain masterclass. Creating bright, creamy editorial sections against dark, human-sized images of products and creators.
- Captions — A sunlit editing desk. Place a translucent, curved navigation bar over a crisp, white, slightly noisy workspace, then complement it with pale blue work surfaces and close-ups of footage.
- Kagi — A separate reading room. Create an open white space around bold graphite text, using subtle purple accents and warm pastel surfaces to break up the tranquility.
- Milanote — Milanote is a dedicated creative studio. Create editorial gallery-style pages using floating visual boards: dark framed walls, white display space, and screenshots that look like real objects with a soft depth.
- Co2 — A climate atlas in winter light. Create pages like an aerial document landscape, where serif headings, category-coded data, and icy images highlight wide white margins.
- GitButler — Turquoise at the end of the text. A combination of high-contrast serif headlines with subtle technical grids, warm graphite surfaces, and a discreet turquoise accent.
- Bee — A sunny, honey-yellow talisman. Create each screen as a tactile editorial spread: intimate images of wrist-worn products, framed in generously rounded frames, alongside bold, almost black type on a yellow or light-neutral background.
- Steep — Analysis of Serif Fonts on Warm Paper