Swing Blue Alliance Brand Guide

Overview

The Swing Blue Alliance website is the central hub for all our content and communications. Placing content on the website helps volunteers keep in touch with us and all of our activities, guides new volunteers to find us, and makes it easy to scale our efforts.

Page Types

Our website has three types of pages (see below). You should choose the page type that best fits the type of content that will be on your page.

The two column page (example) splits the information into two vertical columns. The left column usually includes campaign/program descriptions, multimedia, and images and the right column usually includes call to actions (links) with short descriptions. This page type works best when you have a lot of activities to promote or a complex program to describe.
The one column page (example) lists all information in one column. This page works well for blogs and simple programs with single call to action. Make sure you keep an eye on word count when using this format since a long scroll may is challenging for readers. You should also use images to break up blocks of text.
The stacked page (example) separates information into bands stacked on top of each other. This format should only be used when you have a very complex program that covers multiple webpages. This page type doesn’t work well with long, complex blacks of text and requires imagery, so you should make sure you have a design partner before you get started.