R / Styles / Notion
Notion PlatformSolutionsUse CasesResources Schedule a Demo
Warm paper notebook under
#f26d59
Coral
#37352f
Charcoal
#787671
Stone

Notion

Visit ↗

Warm paper notebook under morning light

A friendly document interface: warm off-white background, generous margins, and a soft charcoal for text. Illustrations are hand-drawn ink line art. The palette is muted; only a soft coral appears as an active state. The overall temperature is calm and inviting rather than clinical.

https://www.notion.so

Color Palette

ACCENT
Coral
#f26d59
--color-coral

Active state, subtle highlight

NEUTRALS
Charcoal
#37352f
--color-charcoal

Primary text

Stone
#787671
--color-stone

Secondary text, meta

Hairline
#e9e6e0
--color-hairline

Divider

Paper
#fbfaf7
--color-paper

Page background

Ivory
#f6f4ef
--color-ivory

Card, sidebar background

Typography

Type Scale
Major Second (1.125) from 16px base
display
56px · 700 · 1.1
The quick brown fox jumps
heading-lg
32px · 600 · 1.2
The quick brown fox jumps
heading
24px · 600 · 1.3
The quick brown fox jumps
subheading
18px · 500 · 1.4
The quick brown fox jumps
body
16px · 400 · 1.6
The quick brown fox jumps
Fonts
display Söhne
Weights 500, 600, 700
Sizes 18–56px
Line-height 1.1–1.4
Letter-spacing -0.02em
Fallback Inter, -apple-system, Segoe UI

Warm neo-grotesque with slightly softened terminals.

body Söhne
Weights 400, 500
Sizes 14–18px
Line-height 1.5–1.6
Letter-spacing 0
Fallback Inter, -apple-system

Same family for consistent reading rhythm.

Spacing & Shape

Spacing
space-2
8px
Inline gap in toolbar
space-4
16px
Block padding
space-8
32px
Section gap
space-12
48px
Column gap
Radii
radius-sm
4px
Buttons
radius-md
8px
Cards, toolbars

Guidelines

  • Background is never pure white. Warm off-white is the identity.
  • Illustrations are always monoline ink drawings on paper — no color fills.
  • Coral appears only on active/selected state — never as a resting decoration.
  • Body sits at 16px/1.6 with a comfortable measure (≈70ch).

More like this

AI for Business
Brutalist editorial showroom on warm gray
Reflect Notes
Starlit violet cosmos — a dark editorial notebook
dope.security
Midnight terminal with violet phosphor accents
Hungry Tiger
Turmeric-bright graffiti on a warm cream wall
Apple
White room with a single blue accent
Vercel
Typeset terminal on white paper