Palette
Brand
- Atoms Blue
#4267ff - Atoms Blue Deep
#425ce1
Neutral
- Ink Black
#0d0d0d - Mac Red
#ff5f56 - Mac Yellow
#ffbd2e - Mac Green
#27c93f - Canvas Mist
#e5e7eb - Surface White
#ffffff
Typography
from 12 to 48px · 8 steps
- IBM Plex Sans — replacement: Inter · outlines 400, 500, 600
- IBM Plex Serif — replacement: Source Serif Pro · outlines 600
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | average |
| Basic step | 8-16px |
| Button radius | 9999px |
| Card radius | 24px |
| Shadows | no - borders instead of shadows |
| Between sections | 64px |
| Page width | 1200px |
AI will build your website in Atoms 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
- Ui — clinical plan on matte paper
- Ventriloc — An editorial observatory of data on warm paper - a single orange ember highlighting the monochrome precision
- Geniestudio — A soft daylight notebook—the kind with wide margins and one thick pen stroke
- xAI — Warm Cream Lab with Black Pill
- Cal — Monochrome practicality, a human approach. A system that prioritizes clarity and functionality through a strict black-and-white palette, but softens it with friendly typography and rounded shapes.
- Scale — A high-quality museum-quality photo lab combined with a technical project
- Contractbook — contracts of cream paper under an ultramarine sky
- AutoSend — A cozy stone studio with a single purple light—where serif headlines and bright indigo calls to action coexist in one quiet, almost white space.
- Air — sculpture "Midnight Sky Through Glass"
- SpatialChat — purple pulse on white parchment
- Squarespace — Cinematic Monochrome Gallery
- Giga — Midnight horizon over frosted obsidian