Lovelace

Brand Design Guide

This guide contains the information and assets necessary to ensure a consistent representation of the Lovelace brand.

Logo

Lovelace
Lovelace

Logo Usage Rules

  • Always leave sufficient empty space around the logo (equivalent to 'x' times the height of the logo).
  • Do not alter the proportions of the logo or distort it.
  • Do not add effects or shadows to the logo.
  • Avoid using the logo on low-contrast backgrounds.
  • Use the official brand colors.

Color Palette

Main Purple

HEX: #6B59D9

RGB: 107, 89, 217

Light Purple

HEX: #A89DFF

RGB: 168, 157, 255

Dark Purple

HEX: #5A47C8

RGB: 90, 71, 200

Light Background

HEX: #F5E4E6

RGB: 245, 228, 230

Dark Background

HEX: #0A0A0A

RGB: 10, 10, 10

White

HEX: #FFFFFF

RGB: 255, 255, 255

Typography

HK Grotesk

Heading 1

36px700

Lovelace makes it easy to find and use what you want in the infinite information space.

Heading 2

30px600

Lovelace makes it easy to find and use what you want in the infinite information space.

Heading 3

24px500

Lovelace makes it easy to find and use what you want in the infinite information space.

Body Text

16px400

Lovelace makes it easy to find and use what you want in the infinite information space.

Small Text

14px300

Lovelace makes it easy to find and use what you want in the infinite information space.

Downloadable Assets

Logo Package

Logo Package

Lovelace logos in SVG, PNG, and EPS formats

Download
Brand Guide

Brand Guide

Complete brand guide document (PDF)

Download
Color Palette

Color Palette

Color palette files for Adobe, Sketch, and Figma

Download

Contact

If you have questions or special requests regarding the use of our brand assets, please contact our brand team:

[email protected]