Granola
Field notes on warm vellum—Granola reads like a well-worn Moleskine notebook opened on a sunlit desk: serif headings lend a sense of solidity, organic green accents like plant-based ink, and fine lines in the margins of the cards that resemble handwritten notes.
Palette
Brand
- Olive Press
#b2c248 - Forest CTA
#5b6f00 - Fern Border
#788c15 - Sprout Tint
#e5eacd
Neutral
- Parchment Canvas
#f7f7f2 - Pure Surface
#ffffff - Midnight Ink
#0e0f0c - Deep Charcoal
#292929 - Carbon
#454745 - Slate
#72726e
Typography
from 13 to 68px · 5 steps
- Melange — replacement: DM Sans · outlines 300, 400, 500, 600
- Quadrant — replacement: Playfair Display · outlines 400
- -apple-system / system-ui — replacement: Inter · outlines 300, 400, 500, 700
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | average |
| Basic step | 16px |
| Button radius | 9999px |
| Card radius | 8px |
| Shadows | no - borders instead of shadows |
| Between sections | 64px |
| Page width | 1200px |
AI will build your website in Granola 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
- AI for Business — Brutalist editorial showroom in warm grey tones
- Superhuman — golden hour editorial panel
- Jeton — An editorial about fintech on warm marble
- Airtable — A cozy seminar with chapters marked in different colors
- Osmo — The Developers' Museum on Gray Concrete
- Linktr — Editorial posters are stacked like candy. The website is designed in color blocks, with bright green headlines set against cobalt-blue walls, and white pill-shaped navigation elements floating above burgundy fields.
- Outsource Consultants — A large-format architectural sheet on bone paper. A monographic aesthetic, where a single bright patch of indigo interrupts the otherwise warm, typographically maximalist grid.
- Streamtime — Tactile Creative Mood Board - Designer Scrapbooking Table
- Switch-Lit — Editorial grid printed in ink on cream paper
- HubSpot — A warm cream paper color with a single orange accent. HubSpot resembles a designer magazine printed on heavyweight paper—serif headlines, warm cream pages, and a single fiery orange accent highlighting only the most important points.
- Secure — A conversation in a European cafe in soft daylight is a warm, stylish take on video calling, where serif headlines read like a thoughtful magazine article rather than a tech product page.
- Mockups made easy — Editorial design studio on white paper