← 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

    Blue
    primary#3178C6
    50950
    AA-lg 4.2
    Off-White
    surface#F2F6FA
    50950
    Charcoal
    text#2C2C2C
    50950
    AA 12.9
    Bright Teal
    accent#4BF3C8
    50950
    Deep Sky Blue
    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

    mark
    AS
    light
    AS
    dark
    AS
    brand
    inverseclear 1× logo heightmin 24px · screen
    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