← Tailwind CSS

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinestailwindcss.com

    Tailwind CSS

    Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

    Tailwind CSSCover
    01Covercover
  2. Tokens · Color

    Color System

    Cyan
    primary#06B6D4
    50950
    AA 7.3
    surface
    surface#FFFFFF
    50950
    text
    text#000000
    50950
    AA 21.0
    Tailwind CSSColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    intergoogle

    Rapidly build modern websites without ever leaving your HTML.

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

    Logo Suite

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