Link to CC, Dropbox, etc.
Light Background
Dark Background
Min Web Size 160px
Logo Mark
Click on each module above to upload your own JPGs.
Logo
Texture/Photo BG
Logo Type
Vertical Position
Horizontal Position
PRIMARY
#AE9FD0
COLOR NAME
R:174 G:159 B:208
Use for:
Use for:
- Buttons
- Headlines
Color Palette
SECONDARY
#629AAC
COLOR NAME
ACCENT
#6A51A4
COLOR NAME
ACCENT
#FB9E60
COLOR NAME
R:255 G:235 B:252
Use for:
Use for:
- Backgrounds
R:98 G:154 B:172
Use for:
Use for:
- Sub-Headlines
- Backgrounds
R:255 G:242 B:253
Use for:
Use for:
- Secondary CTA
- Headlines
R:251 G:158 B:96
Use for:
Use for:
- Main CTA Buttons
SECONDARY
#FFEBFC
COLOR NAME
Typography
H1: This is a title
Poppins 800
Determine which font to use for main titles for blog posts, landing pages, brochure covers, etc.
Specify whether to use ALL CAPS, Title Case, Weight and Size.
H2: This is a subtitle
Poppins 200
Determine which font and weight to use for subtitles.
All caps, lower case.
This is body text.
Poppins 200
Determine which font and weight to use for body text.
All caps or lower case.
Poppins 200
Determine which font and weight to use for body text.
All caps or lower case.
Glyphs
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! " # $ % & / ( ) = ? ¡ @ > < ´ + { } [ ] , ; . : _ - ¡ “ £ ¢ ∞ § ¶ • ª º \ ≠ ¬ | « ~ ^ ` … –
Font | Specs |
|---|---|
| BUTTON | Define weight, size and type case. |
| Caption | Define weight, size and type case. |
| OVERLINE | Define weight, size and type case. |
Imagery
UI Elements
Icons
Choose an icon style: Outlined or Filled.Make sure that your icon set follows the same proportions and sizes.
Recommended grid is 24x24px.
Buttons
Define the style of the buttons.Make sure to define the usage of each button.
TERTIARY DEFAULT
TERTIARY HOVER
TERTIARY DISABLED
TERTIARY HOVER
TERTIARY DISABLED
Link Default
Link Pressed
Link Disabled
Link Pressed
Link Disabled
DO NEXT: Digital Marketing Canvas