Baselayer
Baselayer is an electronic ledger at midnight. Think of the interface as an institutional document, open on a glowing risk analysis console.
Palette
Brand
- Ledger Navy
#09234f - Registry Blue
#384ce3 - Network Teal
#1888a2
Neutral
- Paper White
#ffffff - Ink Black
#000000 - Carbon
#121012 - Mint Paper
#eff5f0 - Sky Paper
#c4f0ff - Rule Gray
#e5e5e5
Typography
from 12 to 72px · 8 steps
- Season VF — replacement: Cormorant Garamond · outlines 515
- Uncut Sans — replacement: DM Sans · outlines 400, 500
- Modern Era Mono — replacement: IBM Plex Mono · outlines 500
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 12px |
| Button radius | 4px |
| Card radius | 0px |
| Shadows | no - borders instead of shadows |
| Between sections | 32px |
| Page width | 1312px |
AI will build your website in Baselayer 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.
- 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.
- 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