← Svelte

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinessvelte.dev

    Svelte

    Web development for the rest of us

    SvelteCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#D43008
    50950
    AA 5.0
    surface
    surface#FFFFFF
    50950
    text
    text#262626
    50950
    AA 15.1
    secondary
    secondary#D43008
    50950
    SvelteColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    DM Serif Displaycustom

    Web development for the rest of us

    Regular400Semibold600Bold700
    Aa
    Georgiasystem

    Web development for the rest of us

    Regular400Bold700
    SvelteType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Svelte
    light
    Svelte
    dark
    Svelte
    brand
    inverse
    Svelte
    light
    Svelte
    dark
    Svelte
    brand
    mono
    Svelte
    light
    Svelte
    dark
    Svelte
    brand
    app-icon
    SV
    light
    SV
    dark
    SV
    brand
    favicon
    SV
    light
    SV
    dark
    SV
    brand
    Favicon legibilityfavicon · at native px
    SV
    16px
    SV
    20px
    SV
    24px
    SvelteLogo Suite
    04Logo Suitelogo-suite