Typography
Our type system is built on two complementary typefaces — Instrument Sans for clarity and Righteous for character. Together they create a voice that is approachable yet distinctive.
Primary Typeface — Body
Instrument Sans is our workhorse. It handles body text, UI elements, and anything that needs to be read easily.
Aa
Instrument Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Lovie
light
Lovie
normal
Lovie
medium
Lovie
bold
Secondary Typeface — Display
Righteous is used exclusively for display headings, hero text, and expressive moments that need extra personality.
Aa
Righteous
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Type Scale
A consistent scale ensures hierarchy and readability across all contexts.
Display
72px / 1.0
Lovie
H1
48px / 1.1
Design with purpose
H2
36px / 1.2
Brand Guidelines
H3
28px / 1.3
Typography System
H4
22px / 1.4
Section Heading
Body Large
18px / 1.6
Everything you need to represent Lovie consistently.
Body
16px / 1.6
Our typography system creates clear hierarchy and ensures readability across all platforms.
Small
14px / 1.5
Caption text and metadata
Micro
12px / 1.4
OVERLINE OR LABEL
Usage Guidelines
Use Instrument Sans for all body text and UI elements
Reserve Righteous for hero headlines and display text only
Maintain consistent line heights from the type scale
Use the brand dark (#031906) for primary text
Don't use Righteous for body text or small sizes
Don't mix more than two weights in a single composition
Don't stretch, compress, or modify the typefaces
Don't use colored text except for interactive elements