Town of Newburgh Democratic Committee

Brand Guidelines

Logos

Town of Newburgh Democratic Committee — Lockup
LockupLight background
Town of Newburgh Democratic Committee — Lockup (Dark)
LockupDark background
Town of Newburgh Democratic Committee — Icon
IconLight background
Town of Newburgh Democratic Committee — Icon (Dark)
IconDark background

Color Palette

Primary #1e75d5
Secondary #fe6211
Accent #0d2f5e

Primary

50 #f4f9ff
100 #e1eeff
200 #c7dffd
300 #a6caf8
400 #6faaf3
500 #418de9
600 #1e75d5
700 #0760b9
800 #06519c
900 #0b4583

Secondary

50 #fff6f3
100 #ffece4
200 #ffdccf
300 #ffc7b2
400 #ffa482
500 #ff8352
600 #fe6211
700 #d04c00
800 #a44217
900 #7e3c22

Accent

50 #f8f8f9
100 #e5e6e7
200 #caccce
300 #a5aab1
400 #687991
500 #34517b
600 #0d2f5e
700 #082a59
800 #052654
900 #032350

Neutral

50 #fafafa
100 #f4f4f5
200 #e4e4e7
300 #d4d4d8
400 #a1a1aa
500 #71717a
600 #52525b
700 #3f3f46
800 #27272a
900 #18181b

Typography

Aa
Roboto
Body Text
Aa
Merriweather
Headings
Aa
JetBrains Mono
Code & Monospace

Usage Guidelines

Logo Usage

Lockup is the preferred logo for most applications — use it on printed materials, website headers, email signatures, and event signage wherever space allows. The lockup includes our full name and should never be cropped or rearranged.

Icon is for compact spaces where the full lockup won’t fit — social media profile pictures, favicons, pins, and small-format promotional items. Always pair it with our written name nearby when context requires identification.

Use the color versions on white or light backgrounds. Switch to the white versions when placing the logo on dark backgrounds, photographs, or colored surfaces. Never place the color logo on a busy or low-contrast background.

Clear space: Maintain a minimum clear zone equal to the height of the icon mark on all sides of the logo. Do not crowd the logo with other text, images, or graphic elements.

Don’ts: Do not stretch, rotate, recolor, add effects to, or recreate the logo. Always use the provided files.


Color Guidelines

Primary Blue is the foundation of our visual identity. Use it for headlines, buttons, links, and key calls to action. It conveys trust, stability, and Democratic tradition.

Secondary Orange is an accent for emphasis — use sparingly for alerts, highlights, donation buttons, or to draw attention to urgent calls to action. It should never compete with Primary Blue for dominance on a page.

Accent Navy provides depth and contrast. Use it for dark backgrounds, footer areas, overlays on photography, and secondary text where a softer alternative to pure black is needed.

Neutral tones handle body text, borders, backgrounds, and other supporting elements. Prefer lighter neutrals (50–200) for backgrounds and darker neutrals (700–900) for body text. Avoid pure black (#000) — use Neutral 900 instead.

When in doubt, lead with Primary Blue and keep the overall palette restrained. A page should feel calm and trustworthy, not busy.


Typography

Our brand uses the fonts configured in the site design settings. Use the display font for all headings, page titles, and prominent text. Use the body font for paragraphs, lists, and general content.

Maintain clear hierarchy: one heading level per section, consistent sizing, and generous line spacing for readability. Avoid using all caps except for short labels or badges.


General Guidance