CCWC UI Sampler

Quick visual checks for brand tokens, links, buttons, badges, surfaces, and forms.

Color swatches

Primary / Maroon --brand-primary

Primary 600 --brand-primary-600

Primary 700 --brand-primary-700

Accent Gold (dark text) --brand-accent-gold

Deep Gold (dark text) --brand-accent-gold-deep

Orange (white text) --brand-accent-orange

Surface --brand-surface

Normal link: This is a link. Hover to check color.

Primary Button Outline Button Gold Badge Orange Badge

This block uses the .bg-surface helper.