← Notion

Guidelines deck

6 boards · page order preserved

  1. productivity software2013

    Notion

    One workspace. Every team.

    NotionNotion — Brand
    01Notion — Brandcover
  2. Identity · Marks

    Logo

    primaryclear 1× cap heightmin 88px · screen
    Notion
    light
    Notion
    muted
    Notion
    brand
    mark“The N”clear 0.25× mark widthmin 20px · screen
    NO
    light
    NO
    muted
    NO
    brand
    wordmarkclear 1× cap heightmin 64px · screen
    Notion
    light
    Notion
    muted
    Notion
    brand
    app-icon
    NO
    light
    NO
    muted
    NO
    brand
    favicon
    NO
    light
    NO
    muted
    NO
    brand
    monoclear 1× logo heightmin 24px · screen
    Notion
    light
    Notion
    muted
    Notion
    brand
    Favicon legibilityfavicon · at native px
    NO
    16px
    NO
    20px
    NO
    24px
    NotionLogo
    02Logologo-suite
  3. Tokens · Color

    Color & Highlights

    Black
    primary#191919
    50950
    AA 17.6
    Notion Blue
    accent#2383E2
    50950
    AA-lg 3.9
    text
    text#37352F
    50950
    AA 12.3
    surface
    surface#FFFFFF
    50950
    Gray
    gray#787774
    50950
    Brown
    brown#9F6B53
    50950
    NotionColor & Highlights
    03Color & Highlightscolor-system
  4. Tokens · Typography

    Typography

    Aa
    Lyon DisplayCommercial Type · licensed

    Write, plan, and get organized.

    Regular400Semibold600
    Aa
    InterRasmus Andersson · google

    Write, plan, and get organized.

    Regular400Medium500Semibold600
    NotionTypography
    04Typographytype-specimen
  5. Identity · Voice

    Voice

    warm·human·clear·empowering·playful
    Sample · headline
    “Write, plan, and get organized — all in one place.”
    Do
    • +Talk like a helpful person, not a product
    • +Empower the reader — they're the maker
    • +Keep instructions concrete and friendly
    • +A little warmth and wit is welcome
    Don't
    • –Don't sound corporate or stiff
    • –Avoid heavy jargon; explain features in plain language
    • –Don't overwhelm — Notion is flexible, so guide gently
    NotionVoice
    05Voicevoice
  6. Assets · Imagery

    Imagery

    Photography

    Real people at real desks — warm, natural light, candid. Diverse makers using Notion, never posed stock 'teamwork'.

    Illustration

    Playful, hand-drawn monoline illustrations and expressive emoji. Warm neutrals with pops from the highlight palette.

    warmhand-craftedhumanfriendly
    A team's connected workspace open on a laptop.product · candid · warm
    Hand-drawn monoline illustration of a page-as-building-block.illustration · monoline · playful
    NotionImagery
    06Imageryimagery