← Astro

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesastro.build

    Astro

    Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

    AstroCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#3178C6
    50950
    AA-lg 4.2
    surface
    surface#F2F6FA
    50950
    text
    text#2C2C2C
    50950
    AA 12.9
    accent
    accent#4BF3C8
    50950
    secondary
    secondary#54B9FF
    50950
    AstroColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Obviouslycustom

    Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

    Regular400Semibold600Bold700
    Aa
    Apple Color Emojicustom

    Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

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

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Astro
    light
    Astro
    dark
    Astro
    brand
    mark
    AS
    light
    AS
    dark
    AS
    brand
    inverse
    Astro
    light
    Astro
    dark
    Astro
    brand
    mono
    Astro
    light
    Astro
    dark
    Astro
    brand
    favicon
    AS
    light
    AS
    dark
    AS
    brand
    Favicon legibilityfavicon · at native px
    AS
    16px
    AS
    20px
    AS
    24px
    AstroLogo Suite
    04Logo Suitelogo-suite