• Skip to main content
The Impact Center

The Impact Center

  • Facebook
  • Instagram
  • Twitter

Style Guide

This style guide demonstrates the default presentation of elements in this theme. This page can also be used as a blueprint for how to present content within the theme in an effective way.

Color Palette

Light Blue

HEX: #7AB9D0
RGB: 122 / 185 / 208

#7AB9D0

Dark Blue

HEX: #004D80
RGB: 0 / 77 / 128

#004D80

Yellow

HEX: #EFB83C
RGB: 239 / 184 / 60

#EFB83C

Black

HEX: #231F20
RGB: 35 / 31 / 32

#231F20

Font Families

Heading and SubHeading Font

Font Family: Bebas Neue
Styles: Book 300, Regular 400, Bold 700

Bebas Neue

Body Font

Font Family: Source Sans Pro
Styles: Light 300, Semibold 600

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Blockquote

Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupery

Pull Quote

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”

Someone Important

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Table Styles

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

Links

standard link

Primary Button

Horizontal Rule


Copyright © 2023 The Impact Center