FINITE STATE LOGO KIT
=====================

Contents
  svg/  Vector logos. Use these wherever possible.
  png/  Transparent PNGs for tools that can't take SVG.
  finite-state-brand-cheat-sheet.pdf  One-page usage guide.

Which file
  horizontal-color ........... Primary logo, for dark backgrounds
  horizontal-color-light-bg .. Primary logo, for white and light backgrounds (PNG)
  horizontal-white ........... All-white, for brand imagery and dark photos
  horizontal-black ........... One-color dark (#111214), for light backgrounds and 1-ink print
  vertical-color ............. Stacked logo for square spaces, dark backgrounds
  vertical-color-light-bg .... Stacked logo for square spaces, light backgrounds
  bug-color .................. Icon only, for small sizes and favicons

Rules
  - Clear space: half the icon's height on every side.
  - Minimum width: horizontal 1.25 in / 120 px, vertical 0.75 in / 72 px, bug 0.25 in / 16 px.
  - Never recolor, stretch, rotate, add effects to, retype or rearrange the logo.
  - Don't place it on low-contrast or busy backgrounds.

Color
  Orange      #F27229  RGB 242 114 41   PMS 1585 C
  Teal        #1BD0B8  RGB 27 208 184   PMS 3255 C
  Near-black  #111214  RGB 17 18 20
  White       #FAFAFB  RGB 250 250 251

Type (free on Google Fonts)
  Space Grotesk (headlines), Instrument Sans (body), IBM Plex Mono (data labels)

Full guidelines: https://finitestate.io/brand
