7shifts
A cozy diner counter with neon chalk accents - a vibrant restaurant counter where blue buttons, orange hand-drawn lines, and lime marker marks sit on clean white and warm ivory surfaces, with occasional black stripes that make the colors pop.
Palette
Brand
- Indigo Bolt
#4570ff
Neutral
- Ember Orange
#ff6808 - Lime Highlighter
#c6ff94 - Lavender Mist
#ebdcff - Ice Blue
#d6e0ff - Lilac Bloom
#c293f1 - Deep Navy
#193f78
Typography
from 11 to 64px · 8 steps
- Regular — replacement: Inter · outlines 400
- A geometric grotesque sans-serif (custom-marketed as the site font — Inter, Manrope, or DM Sans are close substitutes) — replacement: Inter (closest match for the geometric forms and tight tracking) · outlines 400, 500, 700
- Nanum Pen Script — replacement: Caveat · outlines 400, 500
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 8-12px |
| Button radius | 9999px |
| Card radius | 20px |
| Shadows | no - borders instead of shadows |
| Between sections | 64-80px |
| Page width | 1200px |
AI will build your website in 7shifts 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
- Duolingo — Green playground with thick marking lines
- Tedy — Marshmallow world with a raspberry hue - pastel surface layers on a white background, and hot pink does all the urgent work
- Integrated Biosciences — bioluminescence lab at midnight
- Huly — Northern Lights at Midnight Observatory - the protagonist is a vertical beam of purple fading into coral, and each quiet section below it borrows the same two-tone story told in a more subdued tone
- Dia Browser — A darkroom gallery space blends with an editorial newspaper. The pitch-black scene reveals a sunlit newspaper spread, each section marked by a single serif headline.
- Mintlify — A cloud garden above a glass table. The hand-drawn sky and documentary are framed together—the only place where color and concept collide before the page fades into monastic white.
- Say Briefly — Creative agency sketchbook on cream paper
- Gleap — A workspace decorated in warm cream tones with graphite accents—a studio where matte black ink dots seem to float above the linen architecture.
- ClickUp — A powerful dashboard on white marble. The page is a product brochure for a productivity tool, so the visual language is borrowed from the product itself: dense lists, status indicators, groups of avatars, and bold typographic statements that look like a product specification on display.
- monday — White workshop with pastel stickers
- Portal — Twilight Serif Editorial - A premium spread in an independent magazine, designed in the style of iOS
- Wise — Deep moss with a limestone tension. Limestone sparks on the almost black forest floor, and massive, angular figures signal every movement.