Modern Action brand kit
Official logos and brand basics for Modern Action.
Use these assets for press, partner materials, presentations, social graphics, and public references to Modern Action.
Brand name
Modern Action
Public URL
modernaction.io
Hosted logo files
Direct PNG URLs
Each listed asset is served from the Modern Action site and can be opened directly by anyone with the URL.
Logo variations
Additional PNG and SVG logo files
Use these additional lockups, marks, and wordmarks when a one-color file or alternate layout fits the placement better than the primary assets above.
Full-color compact lockup
Compact lockup with the blue Modern Action mark and black wordmark.
- PNG
- 2752 x 956 PNG
- SVG
- 660.04 x 229.23 SVG
https://modernaction.io/brand/logo-variations/full-color-compact-lockup.pnghttps://modernaction.io/brand/logo-variations/full-color-compact-lockup.svg
Black compact lockup
One-color compact lockup for simple light-background placements.
- PNG
- 2752 x 956 PNG
- SVG
- 660.04 x 229.23 SVG
https://modernaction.io/brand/logo-variations/black-compact-lockup.pnghttps://modernaction.io/brand/logo-variations/black-compact-lockup.svg
White compact lockup
One-color compact lockup for dark backgrounds.
- PNG
- 2752 x 956 PNG
- SVG
- 660.04 x 229.23 SVG
https://modernaction.io/brand/logo-variations/white-compact-lockup.pnghttps://modernaction.io/brand/logo-variations/white-compact-lockup.svg
Full-color primary mark
Standalone blue Modern Action mark for compact placements.
- PNG
- 1240 x 956 PNG
- SVG
- 297.43 x 229.23 SVG
https://modernaction.io/brand/logo-variations/full-color-primary-mark.pnghttps://modernaction.io/brand/logo-variations/full-color-primary-mark.svg
Black primary mark
One-color mark for light backgrounds and restricted-color layouts.
- PNG
- 1240 x 956 PNG
- SVG
- 297.43 x 229.23 SVG
https://modernaction.io/brand/logo-variations/black-primary-mark.pnghttps://modernaction.io/brand/logo-variations/black-primary-mark.svg
White primary mark
One-color mark for dark backgrounds and video overlays.
- PNG
- 1240 x 956 PNG
- SVG
- 297.43 x 229.23 SVG
https://modernaction.io/brand/logo-variations/white-primary-mark.pnghttps://modernaction.io/brand/logo-variations/white-primary-mark.svg
Full-color stacked lockup
Stacked lockup with the blue mark for tighter vertical layouts.
- PNG
- 1592 x 956 PNG
- SVG
- 381.77 x 229.23 SVG
https://modernaction.io/brand/logo-variations/full-color-stacked-lockup.pnghttps://modernaction.io/brand/logo-variations/full-color-stacked-lockup.svg
Black stacked lockup
One-color stacked lockup for light backgrounds.
- PNG
- 1592 x 956 PNG
- SVG
- 381.77 x 229.23 SVG
https://modernaction.io/brand/logo-variations/black-stacked-lockup.pnghttps://modernaction.io/brand/logo-variations/black-stacked-lockup.svg
White stacked lockup
One-color stacked lockup for dark backgrounds.
- PNG
- 1592 x 956 PNG
- SVG
- 381.77 x 229.23 SVG
https://modernaction.io/brand/logo-variations/white-stacked-lockup.pnghttps://modernaction.io/brand/logo-variations/white-stacked-lockup.svg
Full-color horizontal lockup
Horizontal lockup with the blue mark and black wordmark.
- PNG
- 2902 x 956 PNG
- SVG
- 696.16 x 229.23 SVG
https://modernaction.io/brand/logo-variations/full-color-horizontal-lockup.pnghttps://modernaction.io/brand/logo-variations/full-color-horizontal-lockup.svg
Black horizontal lockup
One-color horizontal lockup for light backgrounds.
- PNG
- 2902 x 956 PNG
- SVG
- 696.16 x 229.23 SVG
https://modernaction.io/brand/logo-variations/black-horizontal-lockup.pnghttps://modernaction.io/brand/logo-variations/black-horizontal-lockup.svg
White horizontal lockup
One-color horizontal lockup for dark backgrounds.
- PNG
- 2902 x 956 PNG
- SVG
- 696.16 x 229.23 SVG
https://modernaction.io/brand/logo-variations/white-horizontal-lockup.pnghttps://modernaction.io/brand/logo-variations/white-horizontal-lockup.svg
Full-color wide lockup
Wide lockup with the blue mark for banners and roomy headers.
- PNG
- 3994 x 956 PNG
- SVG
- 958.36 x 229.23 SVG
https://modernaction.io/brand/logo-variations/full-color-wide-lockup.pnghttps://modernaction.io/brand/logo-variations/full-color-wide-lockup.svg
Black wide lockup
One-color wide lockup for light backgrounds.
- PNG
- 3994 x 956 PNG
- SVG
- 958.36 x 229.23 SVG
https://modernaction.io/brand/logo-variations/black-wide-lockup.pnghttps://modernaction.io/brand/logo-variations/black-wide-lockup.svg
White wide lockup
One-color wide lockup for dark backgrounds.
- PNG
- 3994 x 956 PNG
- SVG
- 958.36 x 229.23 SVG
https://modernaction.io/brand/logo-variations/white-wide-lockup.pnghttps://modernaction.io/brand/logo-variations/white-wide-lockup.svg
Standard wordmark
Primary black wordmark for institutional placements.
- PNG
- 3323 x 956 PNG
- SVG
- 797.17 x 229.23 SVG
https://modernaction.io/brand/logo-variations/standard-wordmark.pnghttps://modernaction.io/brand/logo-variations/standard-wordmark.svg
Black wordmark alternate
Alternate black wordmark for light-background layouts.
- PNG
- 3323 x 956 PNG
- SVG
- 797.17 x 229.23 SVG
https://modernaction.io/brand/logo-variations/black-wordmark-alternate.pnghttps://modernaction.io/brand/logo-variations/black-wordmark-alternate.svg
Extended wordmark
Extended black wordmark for wide, simple placements.
- PNG
- 3323 x 956 PNG
- SVG
- 797.17 x 229.23 SVG
https://modernaction.io/brand/logo-variations/extended-wordmark.pnghttps://modernaction.io/brand/logo-variations/extended-wordmark.svgColor system
Core tokens
These values come from the current Modern Action web design tokens.
Action Blue
Primary actions, focus states, active links
#2563EBTrust Green
Support stance, successful states, positive confirmations
#10B981Amend Purple
Amend stance, exploratory tools, secondary emphasis
#8B5CF6Urgent Amber
Time-sensitive status, attention without alarm
#F59E0BOppose Red
Oppose stance, destructive or blocked states
#EF4444Ink
Primary text, dark surfaces, high-contrast anchors
#111827Surface
Light page backgrounds and quiet panels
#F9FAFBTypography
Type roles
Plus Jakarta Sans
Product UI, navigation, labels, and dense operational surfaces.
Civic tools should feel direct, usable, and calm.
Source Serif 4
Editorial headlines, briefing titles, and issue framing.
Congressional context needs clarity before urgency.
JetBrains Mono
Bill numbers, compact metadata, status rails, and technical labels.
HR 1234 | STATUS | ACTION WINDOW
Usage guidance
Keep it clear
Use
- Use the primary lockup when space allows.
- Keep enough clear space around the mark for it to read cleanly.
- Use the wordmark on simple institutional layouts where the mark would be redundant.
- Use the white wordmark only on dark, high-contrast backgrounds.
Avoid
- Do not stretch, crop, rotate, or recolor the logo files.
- Do not place the mark on noisy imagery without a clear background field.
- Do not imply Modern Action endorses a political position, candidate, or party.
- Do not rebuild the logo from typed text or substitute another font.