#28304f Primary header and navigation chrome
Brand System
Resist Now Brand Guidelines.
A compact identity for civic action: serious enough for policy work, direct enough for urgent calls, and simple enough to survive at favicon size.
Primary Logo
Square Mark Plus Wordmark.
Use the square R mark with the Resist Now wordmark in headers, presentation slides, social graphics, and partner toolkits. Use the square mark alone for favicon, avatar, and tight layouts.
Resist Now Act With Clarity
Resist Now Act With Clarity
Icon
The R Mark.
The mark is built as a square first. The red bar signals action. The gold block is the attention cue. Keep both accents small so the R stays dominant.
Social Image 
Default OG Artwork.
Use the default social image when a page does not have a specific graphic. It is built at 1200 by 630 pixels for Open Graph and link previews.
Color
Palette.
Use red for action, gold for signal, navy for authority, and near-white for readable content.
#1a1a2e Hero sections, footer, high-authority blocks
#23243f Square R mark and social avatar
#c0392b Primary CTAs, alerts, action bars
#f4d03f Urgency badges, small accents, attention cues
#f8f9fa Page background and quiet content areas
#1a1a2e Main text on light backgrounds
#43516a Descriptions, metadata, secondary text
Typography
Inter, Heavy and Plain.
The system uses Inter for body and headlines. Headlines should be heavy, tight, and direct. Body copy should stay readable on a phone.
Federal Workers Are Being Pushed Out. Use strong headlines, then explain the action in plain language.
Voice
Clear, Specific, Sourced.
- Name the actor when the actor is clear.
- Use specific CTAs, not generic homepage links.
- Explain what changed and what the reader can do.
- Keep the tone firm without dehumanizing anyone.
Headline and Text Specimens.
These examples show the live site type styles with labels, so new pages can keep the same hierarchy without guessing.
Federal Workers Are Being Pushed Out.
Issues We’re Tracking Right Now.
Congress Should Defend Public Education.
Use body copy to explain what changed, who has power, and what someone can do next. Keep it plain enough to read on a phone.
Do
- Use the square mark alone for favicon and social profile images.
- Use the mark plus wordmark in the site header and social graphics.
- Keep the gold accent small.
- Use the lifted header navy when the logo appears in navigation.
Do Not
- Place the R mark on a busy photo.
- Stretch or rotate the square mark.
- Use gold as small body text on white.
- Make every graphic look like a flag.