STYLE GUIDE

Childcare Aware of Minnesota

Color_Squares
The purpose for this style guide is to save time in development and also provide a baseline for future phases and projects. The style guide will contain many elements needed to design pages on your site.

COLOR PALLETE

Color_Squares
Corporate Blue

Hex Code - #004990

Corporate Red

Hex Code - #EE3524

Deep Blue

Hex Code - #07183E

Light Blue

Hex Code - #EFF4F8

Medium Gray

Hex Code - #EFF4F8

Provider Green

Hex Code - #89BE0C

Families Blue

Hex Code - #2CAAE2

Trainers Yellow

Hex Code - #F2A900

Community Purple

Hex Code - #B2197F

BUTTON & LINK STYLES

Color_Squares
Standard Button Style

Use Case: On White Background

Alternate Button Style

Use Case: Image & Dark Color Backgrounds

Standard Link Style

Use Case: On White Background

FONTS & TEXT STYLES

Color_Squares

Aa Zz

Open Sans - Normal 400

Aa Zz

Open Sans - Bold 700
H1 - Homepage Hero

Childcare Aware

OpenSans-Bold |  48 px |  65 px Line Height |  #FFFFFF

H2 - Section Heading

ADDITIONAL RESOURCE

OpenSans-Bold |  Uppercase |  36 px |  49 px Line Height |  #004990

H3 - Section Hero

PARENT AWARE

OpenSans-Bold |  Uppercase |  36 px  |  49 Line Height |  #FFFFFF

H4 - Section Category Header

Provider Training

OpenSans-Bold |  36 px |  49 px Line Height |  #07183E

H5 - Page Level 4 Content Header
Designed to prepare Minnesota’s child care professionals for a changing field.

OpenSans-Bold |  30 px |  40 px Line Height  |  #07183E

H6 - Post Header
R.E.E.T.A.I.N. Application Open

OpenSans-Bold |  24 px |  28 px Line Height |  #07183E

Text - Hero Subcopy
R.E.E.T.A.I.N. Application Open

OpenSans-Bold  |  20 px |  36 px Line Height  |  #FFFFFF

Text - Section Heading Subcopy
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

OpenSans - Normal |  18 px |  35 px Line Height |  #636363  |  #FFFFFF

Text - Paragraph
We’re dedicated to supporting ALL trainers. Whether you are new or experienced, working with providers in homes or centers, we want to work with you.

OpenSans - Normal  |  16 px |  24 px Line Height |  #636363

Text - Section Tags

CHILDCARE PROVIDERS

TRAINERS & RBPD

FAMILIES

COMMUNITY

OpenSans - Bold  |  12 px  | 17 px Line Height  |  #89BE0C  |  #F2A900  |  #2CAAE2 |  #B2197F

Key components

Color_Squares
Additional Resources Tiles

Always used at the bottom of the homepage, category pages, and section pages.

MAX CHARACTER COUNT

HEADING  | 15 - 70 characters

DESCRIPTION | 75 - 100 characters

Childcare Providers

New Health & Safety Requirements

Health and safety are foundational pieces of quality child care.

LEARN MORE

Community

Provider Business Update

Minnesota is once again surveying all licensed child care providers to collect important information that influences statewide policies and program supports.

LEARN MORE