← Supabase

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinessupabase.com

    Supabase

    Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.

    SupabaseCover
    01Covercover
  2. Tokens · Color

    Color System

    Supabase Green
    primary#3ECF8E
    50950
    fail 2.0AA 8.5
    surface
    surface#FFFFFF
    50950
    text
    text#000000
    50950
    AA 21.0
    accent
    accent#BDA4FF
    50950
    secondary
    secondary#95E6B8
    50950
    SupabaseColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Manropegoogle

    Build in a weekend. Scale to millions.

    Light300Regular400Medium500Semibold600Bold700
    Aa
    Intergoogle

    Build in a weekend. Scale to millions.

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

    Logo Suite

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