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.
Palette
Brand
- Kagi Violet
#6c5edc
Neutral
- Graphite 1000
#18181a - White
#ffffff - Graphite 800
#454549 - Graphite 900
#2f2f31 - Graphite 100
#e6e6e8 - Graphite 200
#cfcfd1
Typography
from 14 to 60px · 10 steps
- Lufga — replacement: DM Sans · outlines 400, 500, 600
- system-ui — replacement: -apple-system · outlines 400
- Arial — replacement: Arial · outlines 400
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | average |
| Basic step | 24px |
| Button radius | 48px |
| Card radius | 24px |
| Shadows | no - borders instead of shadows |
| Between sections | 64px |
| Page width | 1176px |
AI will build your website in Kagi 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.
- 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.
- Calendly — Dark blue ink on cold marble