Brand assets

Logo files

Right-click a file link and choose “Save link as”. Each file is transparent; the panel color below only shows where it belongs.

• 

  Horizontal lockup

  Header, footer, letterhead, email signature.

  horizontal.svg

• 

  Horizontal lockup, for dark backgrounds

  Dark panels, video end cards, dark-mode interfaces.

  horizontal-dark.svg

• 

  Stacked lockup

  Square placements: social avatars, yard signs, stickers.

  stacked.svg

• 

  Stacked lockup, for dark backgrounds

  The same square form on dark surfaces.

  stacked-dark.svg

• 

  Mark only

  Favicon, app icon, profile pictures, anywhere too small for words.

  mark.svg · also served as favicon.svg, apple-touch-icon.png and icon-512.png

In the page header

The header and footer use the same mark with live text, so the wordmark reads as text and follows the page fonts.

Wordmark

Two lines: Wash Park set in the display face, and WATER DAMAGE in tracked capitals from the body face. Keep the two together; do not reset the words in another typeface or recolor them outside the palette below.

Palette

• Accent (park green) #2f5d3a Mark tile, place box, rules, links
• Accent ink #ffffff Symbol and text on the accent
• Ink #1f2a22 Wordmark on pale backgrounds
• Paper #faf7f0 Page background
• Dark #1c2a20 Dark panels
• Dark ink #faf7f0 Wordmark on dark panels

Clear space and minimum size

• Leave clear space around the lockup equal to the height of the mark's tile on every side.
• Use the horizontal lockup no narrower than 180px on screen or 45mm in print; below that, use the mark alone.
• Place the light files on paper or white, the dark files on the dark green; the mark works on either.
• Do not stretch, rotate, add effects, or set the lockup on a photograph without a solid panel behind it.