REBRAND MY SITE

Brand

Relay

The kit that ships with our own look. Logo, palette, type, and motion.

Logo

Mark
Horizontal
Stacked
Mono on ink
Mono on paper
Social

Relay. The counter of the R is a play triangle.

Palette

ink#07060B
paper#F4F2FA
ember#FF5A36
signal#C8F560
mist#B9B4CC
line#1D1930
violet#7C5CFF

Type

Sora

Inter

Instrument Serif

SIL Open Font License 1.1. Sora for headlines, Inter for the interface, JetBrains Mono for labels, Instrument Serif for a single accent word. Fraunces stays inside customer redesigns.

Motion

  • One move at a time. A curtain, a type rewrite, or a pack change. Not all three.
  • A swap finishes in about 600ms. An intro can take 1.1s. A hover is under 200ms.
  • The ease is a fast start and a soft landing: cubic-bezier(0.22, 1, 0.36, 1).
  • Reduced motion gets the last frame. The layout does not change.

cubic-bezier(0.22, 1, 0.36, 1) · intro 1100ms · swap 600ms · hover 180ms

Downloads