Lantern helps create a compelling story to simplify your marketing.
Colors
Lantern Yellow
#ffc907
RGB 255, 201, 7
CMYK 0, 21, 100, 0
Lantern Gray 80% Tint
#5c5c5c
RGB 92, 92, 92
CMYK 0, 0, 0, 64
Lantern Gray
#333333
RGB 51, 51, 51
CMYK 0, 0, 0, 90
Solid Black
#000000
RGB 0, 0, 0
CMYK 0, 0, 0, 100
Accent Orange
#ff6600
RGB 255, 102, 0
CMYK 0, 74, 100, 0
Accent Blue
#4d9adb
RGB 77, 154, 219
CMYK 66, 28, 0, 0
Accent Purple
#755ca8
RGB 117, 92, 168
CMYK 58, 73, 0, 0
Background Yellow
#FFF4CD
RGB 255, 244, 205
Background Orange 20% Tint
#fadcc5
RGB 250, 220, 197
Background Blue 20% Tint
#dbebf8
RGB 219, 235, 248
Background Purple 20% Tint
#d9d4e9
RGB 217, 212, 233
Background Gray 20% Tint
#d6d6d6
RGB 214, 214, 214
Background Gray 5% Tint
#f5f5f5
RGB 244, 244, 244
Files
Examples
Color Guidelines
Color Distribution
Fonts
Headlines vs. Body Text
Applications
Graphic Style Guidelines
Screenshot mockups of client work
Fonts
Proxima Nova
Proxima Nova Alt Bold, Light Link
The Lantern logo was designed with the typeface Proxima Nova. Proxima Nova should be used for both headings (bold weight, in black) and body text, (light weight, in Lantern gray)
When Proxima Nova isn’t available, Roboto should be used in its place. Roboto can be downloaded at via Google Fonts
Roboto
Thin 100, Light 300, Regular 40, Medium 500, Link
Roboto is the desired font for email templates in Hubspot.