Style guide


Colors

$pink: #FF1C99;

$pink-darker: #E51989;

$turquoise: #00CCDB;

$turquoise-darker: #00B7C4;

$lightblue: #C8E1EC;

$wewak: #FF8995;

$powderblue: #AEDFE4;

$black: #222222;

$lightgray: #F8F8F8;

$white: #FFFFFF;


Typography

H1 Headline

H2 Headline

H3 Headline

Paragraph

Text link

Buttons

Login

Icons


Image Overlays

Give. Change. Impact.

Take a minute each day to better the community for tomorrow.

I'd Like to Start

Cards

Card image cap

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Read More

Card image cap

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Read More

Card image cap

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Read More


Color Sections

Blue section
Turquoise section
Gray section

Overlays Section