CityWeaver

Connect.Collaborate.Create Change.

Loading CityWeaver…

Design System Preview

Verification page for typography, adaptive tokens, and brand colors.

Typography

Script (--font-script) - Caveat

The quick brown fox jumps over the lazy dog

Display (--font-display) - Fraunces

The quick brown fox jumps over the lazy dog

Sans (--font-sans) - Inter

The quick brown fox jumps over the lazy dog

Adaptive Colors (Changes in Dark Mode)

bg-base
bg-base
bg-surface
bg-surface
bg-surface-alt
bg-surface-alt
border-hairline
border-hairline
text-ink
text-ink
text-ink-soft
text-ink-soft

Brand Colors (Fixed)

Navy

navy-950
navy-950
navy-900
navy-900
navy-700
navy-700
navy-500
navy-500

Gold & Teal

gold-500
gold-500
gold-600
gold-600
teal-500
teal-500