Styles (Design System)
This page documents colors, text, buttons, cards, spacing, and alerts used across the site.
Colors (USW Palette)
Primary / Navy - #002D62
Light Gray - # E0E0E0
Accent / Gold - #FDB827
Secondary / Blue - #004B8D
Dark Gray - #333333
Background / White - #FFFFFF
Medium Gray - #666666
About Our Local Union
Section Heading
Card / Block Title
Sub-heading
This is paragraph text. It should be easy to read and used for most of your body copy across pages.
This is meta text - for dates, captions, or small notes
This is emphasis text, used sparingly for highlights or callouts.
This is a link
News & Update (example)
Update
Negotiations Bulletin
August 29, 2025 - 9:35 AM
Brief summary of the update so members know what to expect before clicking.
Update
Heading 3
I'm a paragraph. Click here to add your own text and edit me. It's easy.
I'm a paragraph. Click here to add your own text and edit me. It's easy.
Call to action (link)
Update
Heading 3
I'm a paragraph. Click here to add your own text and edit me. It's easy.
I'm a paragraph. Click here to add your own text and edit me. It's easy.
Call to action (link)
Meeting Card (example)
Upcoming
Membership Meeting
Sept 16, 2025 - 4:30 PM & 6:30 PM
Join us for our monthly membership meeting.
Upcoming
Heading 3
I'm a paragraph. Click here to add your own text and edit me. It's easy.
I'm a paragraph. Click here to add your own text and edit me. It's easy.
Upcoming
Heading 3
I'm a paragraph. Click here to add your own text and edit me. It's easy.
I'm a paragraph. Click here to add your own text and edit me. It's easy.
Forms (example)
This field is required.
Alerts (example)
Hall hours have changed this week.
Your form was submitted succesfully
Reminder: Vote Tomorrow
Tentative agreement was rejected