Webflow

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelineswebflow.com

    Webflow: The agentic web platform for modern businesses

    Design, build, optimize, and rank in AI search — all in Webflow. Enterprise-grade security, CMS, hosting, and AEO built in. Trusted by over 300k teams.

    WebflowCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#146CF4
    50950
    AA 4.7
    surface
    surface#FFFFFF
    50950
    text
    text#080808
    50950
    AA 20.0
    accent
    accent#6CA7FF
    50950
    secondary
    secondary#FFA666
    50950
    WebflowColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    WF Visual Sans Variablecustom

    Design, build, optimize, and rank in AI search — all in Webflow. Enterprise-grade security, CMS, hosting, and AEO built in. Trusted by over 300k teams.

    Regular400Semibold600Bold700
    WebflowType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Webflow
    light
    Webflow
    dark
    Webflow
    brand
    inverse
    Webflow
    light
    Webflow
    dark
    Webflow
    brand
    mono
    Webflow
    light
    Webflow
    dark
    Webflow
    brand
    app-icon
    WE
    light
    WE
    dark
    WE
    brand
    favicon
    WE
    light
    WE
    dark
    WE
    brand
    Favicon legibilityfavicon · at native px
    WE
    16px
    WE
    20px
    WE
    24px
    WebflowLogo Suite
    04Logo Suitelogo-suite
Webflow — Guidelines deck — BrandSweets