NewReview Style Guide

Design tokens, typography, and components for the NewReview beauty coupon site. Approve this before homepage build.

Color Palette
Backgrounds
Paper
Paper Warm
Cream
Text
Ink
Ink Soft
Ink Muted
Accent — Warm
Blush
Blush Light
Blush Deep
Terracotta
Accent — Cool
Olive
Olive Light
Neutral
Sand
Typography
Eyebrow — Outfit 11px / 600 / 0.12em tracking

Heading 1 — Instrument Serif 64px

Heading 2 — Instrument Serif 38px

Heading 3 — Instrument Serif 26px

Body Text — Outfit 15px/400. Every deal is tested. Every brand is reviewed. We do the homework so you can skip straight to the savings.

Body Muted — Outfit 15px/400 in Ink Soft. Used for secondary descriptions and supporting text throughout the site.

Italic Accent — Cormorant Garamond 18px italic. Clean-clinical skincare that works with your skin's biology.

Pull Quote — Cormorant Garamond 28px italic. We don't list every coupon we find. We test them, review the brands, and only publish what we'd actually use ourselves.

Small Text — Outfit 13px in Ink Muted. Used for meta info, timestamps, and fine print.
20% off — Discount Display
Buttons & Badges
Visit Brand Website →Reveal Code
✓ Verified today
20% OFF
Coupon Row Component
20% off
20% off your entire order at Drunk Elephant
✓ Verified today
92% success rate
Reveal Code