Inspired by www.notion.so

Alphabet inspired by www.notion.so

Inspirado, no copiado (Inspired by, not copied)

www.notion.so's alphabet rendered with the source's design tokens. Open to read; export to DTCG JSON, Tailwind, or Style Dictionary on any paid tier.

Notion alphabet

Sentence-case display, warm-paper ink, restrained accent.

Notion's marketing surface uses one humanist sans across the entire register. The display register lowers its tracking; the body register keeps a generous 1.55 leading. Accent is reserved for the sticker mark and the six initials-chip tones.

Display 1 (hero)

Write, plan, share. With AI at your side.

Display 2

One workspace. Every team.

Display 3 (section title)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H2

A simple, beautiful, and powerful workspace.

H3

Lorem ipsum dolor sit amet.

Lead paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum, in feugiat ligula sollicitudin.

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras venenatis euismod malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent quis sapien a libero ultricies aliquam at quis dui.

Dek (muted)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.

Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras venenatis euismod malesuada.

Footnote

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Free for personal use, with optional add-ons.

Kicker New in Notion
Nav link
Button label
Label (form) Work email
Mono (metadata) free for personal use
Wordmark notion