Style Guide

The made2GROW Studio Brand Identity

TypographyColor SchemeCTAs

LOGOS

250px wide

This logo is for the main navigation after the page loads.

200px wide

This logo is for main navigation when scrolled down(sticky nav).

An alternate white version of this logo is used for dark backgrounds.

Typography

Font Family

The font used across the made2GROW Studio is Source Sans Pro.

Font-Sizes

36px for Headings

25px for Sub-headings

21px for Sub-headings 2

17px for Body Texts (Form labels, Input Fields &Help Text)

COLOR SCHEME

Color Palette

Basic Color Shade: Dodger Blue

Characteristics

Optimism
Communication
Peace, Calm
Trust
Ideal for making complex concepts simple

#3700FF

Primary color

Primary CTA

#05F2DB

Secondary CTA

#025928

Positive Feedback, e.g. course success

#F2CB05

Suggestion, e.g. course recommendation

#F28705

Warning, e.g. missing information or wrong answer

Form Elements

Toggle Switch

Form Fields

border: 2px solid #26aeff
border-radius: 4px

Form background

#E6F4F1

CTA and other buttons

PRIMARY CTA

background-color: #26aeff
border: none
color: #ffffff
padding: 10px
text-align: center
font-size: 14px
margin: 6px 4px
border-radius: 4px
font-weight: bold
letter-spacing: 3px

SECONDARY CTA

background-color: #ffffff
border: 2px solid #26aeff
color: #26aeff
padding: 20px
text-align: center
font-size: 14px
margin: 6px 4px
border-radius: 4px
font-weight: bold
letter-spacing: 3px

Link CTA

background-color: #ffffff
border: none
color: #389966
padding: 10px
text-align: center
font-size: 10px
margin: 6px 4px
border-radius: 4px
font-weight: bold
letter-spacing: 3px