Typography

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Layout Elements

In-page Navigation

Use this to create a link bar that sends the user within the page. Make sure your headings match the links that sent them to the section!

Cards

TODO: Upstream this into the style guide itself.

Action Card

Take An Action Now

It's never been more important to take action. Will you take action?

Take Action

Link Card

Help your community

November 1-3: learn the skills needed to lead a digital organization.

Volunteer now

Link Card with Image

Help your community

November 1-3: learn the skills needed to lead a digital organization.

Volunteer now

Index Card

Products

ClientComm: Reducing recidivism

Keeping people out of jail by connecting them with case managers over text message.

Horizontal Card

(Custom addition to the Brigade website)

Card title

We're a national alliance of community organizers, developers, and designers that are putting technology to work in service of our local communities. We believe that government can work, for the people, by the people, in the digital age, if we all help.

Card action