← Fly.io

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesfly.io

    Fly.io

    Sandboxes aren't enough. Give your agent a real computer and get back to building.

    Fly.ioCover
    01Covercover
  2. Tokens · Color

    Color System

    Indigo
    primary#7C3AED
    50950
    AA 5.7
    White
    surface#FFFFFF
    50950
    Black
    text#000000
    50950
    AA 21.0
    Indigo
    secondary#7C3AED
    50950
    Fly.ioColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Mackinaccustom

    Sandboxes aren't enough. Give your agent a real computer and get back to building.

    Regular400Semibold600Bold700
    Aa
    Fricolage Grotesquecustom

    Sandboxes aren't enough. Give your agent a real computer and get back to building.

    325325Bold700
    Fly.ioType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Fly.io
    light
    Fly.io
    dark
    Fly.io
    brand
    inverse
    Fly.io
    light
    Fly.io
    dark
    Fly.io
    brand
    mono
    Fly.io
    light
    Fly.io
    dark
    Fly.io
    brand
    app-icon
    FL
    light
    FL
    dark
    FL
    brand
    favicon
    FL
    light
    FL
    dark
    FL
    brand
    markclear 0.5× logo heightmin 16px · screen
    FL
    light
    FL
    dark
    FL
    brand
    Favicon legibilityfavicon · at native px
    FL
    16px
    FL
    20px
    FL
    24px
    Fly.ioLogo Suite
    04Logo Suitelogo-suite