Style guide

Ann Arbor Deals design system.

Editorial aesthetic. Think Infatuation meets Eater, not Groupon. Every token on this page is defined in /src/styles/tokens.css.

Typography

Headlines use Fraunces, a confident serif

H2 in Fraunces, 600 weight

H3 in Fraunces, 600 weight, smaller scale

Body copy is Inter. Generous line height. Paragraphs breathe. Links inherit color and underline subtly. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Color palette

Gold #E8B547

Ink #1A1A1A

Paper #FAF7F2

Forest #2F5D3A

Hot #C8442A

Buttons

Badges

Verified Apr 15 Live now A2 Score 87 student friendly

Chips

Deal card

West Side · Restaurant

Zingerman's Roadhouse

Happy Hour Mon to Fri 2pm to 6pm. $2 off any 16oz draft.

food-drinkhappy-hour

Mon to Fri, 2pm–6pm A2 40

Verified Apr 14

Motion

Hover a card to see the lift. Live-now badges pulse. All motion respects prefers-reduced-motion.