Creative

Typography

Fonts, sizing and usage should work to communicate clearly with the reader, making for an easy reading experience. Consistent use will aid in brand recognition in a subtle way.

Montserrat

Our brand font family is Montserrat. We use Montserrat for web, email, and promotional print.

Montserrat
Regular
Italic
Medium
Medium Italic
SemiBold
SemiBold Italic
Bold
Bold Italic
ExtraBold
ExtraBold Italic
Black
Black Italic

Montserrat Usage

We use Montserrat as our main font for web and print.
Set leading for headings to 120%.
Set leading for body copy and subheadings to 140%.
Set kerning to 0 for all use cases.
Web page and print headers, section headers, and overlines should be all caps.
Blog and story headlines should be title case.
Subheads should be sentence case.
Buttons and links should be initial caps.
To see our comprehensive use of Montserrat sizing and application, please see our user interface guide.
overlines
Our services
Web page and print headers
A DEVASTATING YET BEAUTIFUL FIGHT
Blog and story headlines
Learning to Sing
in the Dark
Subheads
A true story of unspeakable abuse and unexpected redemption.
Section headers
Choosing to be a foster parent
Body
Foster care is stepping into brokenness and welcoming loss, but there is so much beauty, redemption and love. And it will change a child's life for the better.

Garamond Pro

Garamond Pro is our typeface for legibility for an older demographic. Never use it less than 14pt.

Garamond Pro
Regular
Italic
SemiBold
SemiBold Italic
Bold
Bold Italic

Garamond Pro Usage

We use Garamond Pro body copy in donor materials such as newsletters. Garamond Pro is paired with Montserrat headings and subheadings.
Choosing to be a foster parent
Foster care is stepping into brokenness and welcoming loss, but there is so much beauty, redemption and love. And it will change a child's life for the better.

Fave

Fave is our accent typeface.

Fave
Script Pro
Script Bold Pro

Fave Usage

Fave is used for program lockups. May be used for the podcast, newsletter, etc.
Bridging
The gap

Hierarchy

We use Fave for print and for different lockups.
Headline
~2x
Subhead
x

Web headline treatments

Primary Treatment

We use the horizontal linear gradient here. When used on white, shift the gradient so that the yellow is legible.

  • A Beautiful fight
  • A Beautiful fight
    Inactive-State
    Active State

    Secondary Treatment

    The color block should have equal padding on all sides. The word is knocked out to show the background color.

    A Beautiful fight

    Print, Apparel & Digital text treatments

    Primary Treatment

    We use the shifted outline is for legibility and mainly used on print. The outline is shifted 2x left and 1x up.

      Inactive-State
      Active State

      Secondary Treatment

      The color block sits at half the height of the word and has equal padding on the bottom and sides of the word. This style is not used for headlines but used in some promo kits or social media to emphasize certain words.

        Inactive-State
        Active State

        Secondary Treatment

        This style is used for print and apparel.

        • Unseen
        • Unseen
          Inactive-State
          Active State

          Secondary Treatment

          This style is used for print and apparel.

          • Unseen
          • Unseen
            Inactive-State
            Active State