Palette
Brand
- Cobalt Core
#266df0 - Cobalt Bright
#407ff2 - Cobalt Soft
#538bf3
Neutral
- Page Canvas
#ffffff - Ink Black
#1c1d1f - Graphite
#232529 - Obsidian
#101113 - Carbon
#2e3238 - Slate 500
#505967
Typography
from 11 to 64px · 7 steps
- Inter — replacement: Inter (Google Fonts) — already a freely available open-source font · outlines 400, 500, 600, 700
- InterDisplay — replacement: Inter Tight (Google Fonts) — same family tree · outlines 500, 600
- TiemposText — replacement: Source Serif 4 (Google Fonts) or Spectral (Google Fonts) · outlines 400, 500
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 8px |
| Button radius | 10px |
| Card radius | 11-14px |
| Shadows | soft shadows |
| Between sections | 80-120px |
| Page width | 1440px |
AI will build your website in Attio 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
- 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.
- 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.
- ElevenLabs — A photo essay in warm cream tones with subtle headlines. A Bauhaus-style notebook—eggshell-colored paper, black ink, and a single purple and orange accent for product display.
- Awesomic — Editorial zinc mesh with orange punctuation marks reminiscent of confetti
- Monad — editorial technical journal on warm parchment
- Dub — Link's matte rice paper control panel
- Seline Analytics — A quiet analytical table on warm paper
- Notion — A warm paper notebook in the midday sun
- Anthropic — A scientific field journal on warm vellum—calm ivory surfaces, serifed editorial headings, and a single clay accent that appears only when action is needed.