← Penpot

Guidelines deck

4 boards · page order preserved

  1. design-toolpenpot.app

    Penpot

    Penpot is the open-source design platform for teams building digital products at scale, enabling deeper collaboration across design, code, and AI workflows.

    PenpotCover
    01Covercover
  2. Tokens · Color

    Color System

    Deep Indigo
    primary#100C3C
    50950
    AA 18.4
    White
    surface#FFFFFF
    50950
    Near Black
    text#111111
    50950
    AA 18.9
    Azure
    accent#1677FF
    50950
    Bright Blue
    secondary#0141FF
    50950
    PenpotColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Work Sansgoogle

    Penpot is the open-source design platform for teams building digital products at scale, enabling deeper collaboration across design, code, and AI workflows.

    Light300Regular400Medium500Semibold600Bold700
    PenpotType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Penpot
    light
    Penpot
    dark
    Penpot
    brand
    markclear 1× logo heightmin 16px · screen
    PE
    light
    PE
    dark
    PE
    brand
    monoclear 1× logo heightmin 24px · screen
    Penpot
    light
    Penpot
    dark
    Penpot
    brand
    inverseclear 1× logo heightmin 24px · screen
    Penpot
    light
    Penpot
    dark
    Penpot
    brand
    Favicon legibilitymark · at native px
    PE
    16px
    PE
    20px
    PE
    24px
    PenpotLogo Suite
    04Logo Suitelogo-suite