Design Guidelines Overview

Logo

swhp-logo
Our logo is formed from a symbol of colorful, interlocking bands and a wordmark. The vertical orientation and color arrangement shown above constitutes our primary version, with an alternate horizontal as secondary.



Color palette

color-palette
Our color palette includes solid, vibrant primary colors, neutrals and softer secondary colors. These colors can be used for type, icons and dividers.



Typography

type
The Gotham family is our brand typeface. Different weights and styles permit a variety of type treatments.



Dividers

dividers
Dividers
help organize content into digestible areas. Thin dividers create subtle structure while larger dividers initiate sections.



Iconography

icons
A set of simple, friendly icons highlights our offerings, supports our signature and adds texture to layouts when paired with text.



Photography

photography
Three categories of photography help establish the framework for our success stories. Heroes focus on recipients of our services, Environments give a deeper context to each story. Still lifes capture everyday moments.