Brand Guide
Download the CharityHowTo logo to use on your website, blog and other communication channels.
Pick any logo to download below!
Download the logos above and add them to your media channels and point the logo to this URL: charityhowto.com
Colors
Primary: The top
three colors are
primary colors.
They are used in the
largest amounts.
The blue and green
are used for buttons,
headlines, etc.
Secondary: The
bottom colors are
used sparingly for
a pop of color and
to add depth. For
example, can be
used as background
colors on blog
header images.
Can use darker or
lighter shades of
all colors for 2D
graphics.
HEX: #0095DA
RBG: 0, 149, 218
CMYK: 76, 29, 0, 0
HEX: #0C8643
RBG: 12, 134, 67
CMYK: 87, 23, 99, 9
HEX: #404040
RBG: 64, 64, 64
CMYK: 68, 61, 60, 46
HEX: #EFEFEF
RBG: 239, 240, 241
CMYK: 5, 3, 3, 0
HEX: #5FC0DD
RBG: 95, 192, 221
CMYK: 57, 5, 9, 0
HEX: #F28E19
RBG: 242, 142, 25
CMYK: 2, 52, 100, 0
HEX: #EC605E
RBG: 236, 96, 94
CMYK: 2, 77, 59, 0
HEX: #3c549d
RBG: 60, 84, 157
CMYK: 87, 76, 5, 0
Typography
Type Scale: all types can be scaled up for use on mobile/web. Below are Standard font sizes. Leading should be scaled proportionally.
Paragraph Type: can be used in bold, italics, underlined for standout text.
Header 1: Roboto Medium
Header 2: Roboto Regular
Header 3: Roboto Bold