Mood

Logo

Use on white/light background

Main logo:

Icon:

Stamp:

Signature:

Logo
Use on dark background

Logo
Use on photo background
(make sure it’s readable)

Primary Colors

It’s okay to use shades of these colors.

Sapphire
#04223c
Backgrounds, Headings 1 and 2
Shades

Blue Lagoon
#005479
Links, Secondary CTAs, Accents
Shades

Bermuda
#91d4c2
Accents, Special Text, Small Backgrounds
Shades

Violet Blue
#954c92
Primary CTAs, Heading 3, Small Backgrounds
Shades

Marshmallow
#f8f8f4
Backgrounds, Small Backgrounds, Text Color
Shades

Shark
#21242a
Backgrounds, Text Color
Shades

Accents / Textures

Copper
Borders, icons, logo, accent text

Gradients
Overlay for images

Fluid Ink
Backgrounds
Download 1 | 2

Ana Kinkela - Constellation Pattern Sapphire.png

Constellation Pattern
Backgrounds (can be recolored using other brand colors, avoid high contrast)

Text on background
Typically behind images and slightly cut off. Avoid high contrast, use accent font.

Use For: H1-H2 headlines, block quotes

  Grandee CP

  ABCDEFGHIJKLMOPQRSTUVWXYZ

  abcdefghijklmnopqrstuvwxyz

  0123456789

  !@#$%^&*()_+-=~

Download font

Use for: H3 headlines, buttons

  Futura PT Demi

  ABCDEFGHIJKLMOPQRSTUVWXYZ

  abcdefghijklmnopqrstuvwxyz

  0123456789

  !@#$%^&*()_+-=~

Purchase font
Free alternatives for Canva: Poppins or Jost

Use for: Body / paragraph text, menu

  Futura PT Light

  ABCDEFGHIJKLMOPQRSTUVWXYZ

  abcdefghijklmnopqrstuvwxyz

  0123456789

  !@#$%^&*()_+-=~

Purchase font
Free alternatives for Canva: Poppins or Jost

Use for: accent words (use sparingly)

  Lighthouse Script

  ABCDEFGHIJKLMOPQRSTUVWXYZ

  abcdefghijklmnopqrstuvwxyz

  0123456789

  !@#$%^&*()_+-=~

Purchase font

Headline 1 /
#04223C
60px
1em line height

Headline 2 /
#04223C
40px
1em line height

Headline 3 /
#954C92
20px, all caps
500 weight
1.5em line height
0.15em letter spacing

Body Text /
#21242A
20px
1.8em line height
0.01em letter spacing

Links /
#005479
underlined

Headline Level 1

Headline Level 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. This is a link.

Example
Example
Example
Example

“This is a quote from a very impressive person.”

Headline Level 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.