Skip to content

Resona

The Resona design system

Colours, type and components used across the theme. Every style here is a Tailwind utility generated from the theme tokens.

Colour

  • canvas

  • surface

  • surface-2

  • ink

  • muted

  • line

  • tone-1 · brand

  • tone-2

  • tone-3

  • tone-1 → 2

  • tone-2 → 3

  • tone-3 → 1

  • accent-fill

Typography

font-display · Anton

Sounds worth hearing

font-heading · Urbanist

Long conversations with the artists shaping the sound of now

font-sans · body

Songwriters, producers and label founders on the records that changed them — and the ones they're still trying to make.

Buttons and badges

Join Sign in Explore the show Browse the archive Audio Video Audio + Video Accent marker