Internal: brand check

Tokens

Colour

  • --night #120f17
    Page and hero sky
  • --cream #f5ead6
    Headlines, UI text
  • --paper #fffaf1
    Body text, paper cards
  • --coral #dd766c
    Logo stop, current dot, button
  • --coral-hi #e8877d
    Button hover
  • --ink #142030
    Text on coral or cream buttons
  • --sage #b0bbae
    Secondary text, captions
  • --panel #25212c
    Form panel
  • --line #b9aee0
    S2 constellation stroke

Type

Gloock headline, sentence case, at the hero size

Gloock at 40 px for section titles

Switzer 400 body. Kayleigh is a content and marketing writer whose work spans hospitality, crisis management and software. Switzer 600 for emphasis. Switzer 500 for buttons.

Space Mono label, caps, +.06em

Outlined SVG logo (Kelly)

Cream alpha steps

  • --cream-09
  • --cream-12
  • --cream-18
  • --cream-28
  • --cream-50
  • --cream-85

Components

Email mePaper card, 6 px radiusPanel, 28 px radius