Colony Design System

Typography Pairings

Instrument Serif + Geist 01
Design Exploration Session
Got it. I'll spin up a design exploration with several distinct directions. Let me delegate this to a teammate so I can keep Signal responsive. The conversation view is the hero.
type Turn = { role: 'user' | 'assistant', content: string }
Fraunces + Outfit 02
Design Exploration Session
Got it. I'll spin up a design exploration with several distinct directions. Let me delegate this to a teammate so I can keep Signal responsive. The conversation view is the hero.
type Turn = { role: 'user' | 'assistant', content: string }
General Sans Bold + Outfit 03
Design Exploration Session
Got it. I'll spin up a design exploration with several distinct directions. Let me delegate this to a teammate so I can keep Signal responsive. The conversation view is the hero.
type Turn = { role: 'user' | 'assistant', content: string }
Fraunces Bold + Inter 04
Design Exploration Session
Got it. I'll spin up a design exploration with several distinct directions. Let me delegate this to a teammate so I can keep Signal responsive. The conversation view is the hero.
type Turn = { role: 'user' | 'assistant', content: string }
General Sans + Commit Mono 05
Design Exploration Session
Got it. I'll spin up a design exploration with several distinct directions. Let me delegate this to a teammate so I can keep Signal responsive. The conversation view is the hero.
type Turn = { role: 'user' | 'assistant', content: string }
Instrument Serif + Outfit 06
Design Exploration Session
Got it. I'll spin up a design exploration with several distinct directions. Let me delegate this to a teammate so I can keep Signal responsive. The conversation view is the hero.
type Turn = { role: 'user' | 'assistant', content: string }