Lovalingo

Lovalingo Brand Kit

A clean, vibe-coder-first identity: white canvas, near-black typography, and a Violet accent.

Use these assets for press, partners, integrations, and community content.
Primary mark
Lovalingo
Lovalingo
Typography
Inter
For UI and marketing
JetBrains Mono
For code and technical docs

Logos

Download SVG assets. The Lovalingo mark is a single "L" on our Violet background.

Lovalingo Logo (512)

Lovalingo Logo (512)

Primary logo (use this everywhere)

Color Palette

Token-first palette designed for a white canvas. Click any value to copy.

Canvas

Default page background

HEX
#FFFFFF
HSL
0 0% 100%
RGB
rgb(255, 255, 255)

Surface

Cards and elevated surfaces

HEX
#FAFAFA
HSL
0 0% 98%
RGB
rgb(250, 250, 250)

Elevated

Subtle contrast blocks and hover fills

HEX
#F5F5F5
HSL
0 0% 96%
RGB
rgb(245, 245, 245)

Text

Headlines and primary text

HEX
#0D0D0D
HSL
0 0% 5%
RGB
rgb(13, 13, 13)

Text Muted

Secondary text, captions, metadata

HEX
#595959
HSL
0 0% 35%
RGB
rgb(89, 89, 89)

Border

Dividers, outlines, inputs

HEX
#DBDBDB
HSL
0 0% 86%
RGB
rgb(219, 219, 219)

Violet (Primary)

Primary brand color (e.g. onboarding background)

HEX
#B3236B
HSL
330 67% 42%
RGB
rgb(179, 35, 107)

Violet (Logo)

Logo background fill

HEX
#DA2576
HSL
330 74% 50%
RGB
rgb(218, 37, 118)

Violet Tint

Soft accent surfaces (light mode)

HEX
#FCEEF5
HSL
330 67% 96%
RGB
rgb(252, 238, 245)

Typography

Inter for everything human. JetBrains Mono for everything code.

Lovalingo

Inter (600-800) for headings

Font stack

Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif

const love = "lingo"

JetBrains Mono for code and tokens

Font stack

'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace

Social Templates

Ready-to-screenshot headers. Download the SVG or use your browser screenshot tool.

Lovalingo
Lovalingo
Most lovable website translation tool for vibe coders.

Twitter / X

1500 x 500

Download
Lovalingo
Lovalingo
Most lovable website translation tool for vibe coders.

LinkedIn

1584 x 396

Download
Lovalingo
Lovalingo
Most lovable website translation tool for vibe coders.

Facebook

1200 x 630

Download
Lovalingo
Lovalingo
Most lovable website translation tool for vibe coders.

Open Graph

1200 x 630

Download

Brand Guidelines

Quick rules to keep Lovalingo consistent across product, docs, and marketing.

Logo Usage

Do
• Use the primary Lovalingo logo whenever possible
• Keep clear space around the mark (at least the mark width)
• Scale proportionally (never stretch, skew, or rotate)
Don't
• Don't alter the logo geometry
• Don't change the logo background color
• Don't add shadows, glows, or outlines
• Don't place the mark on noisy imagery without a solid surface

Typography

Do
• Use Inter for UI, marketing, and headings
• Use JetBrains Mono for code and technical snippets
• Keep "lovalingo" lowercase in the wordmark
Don't
• Don't use decorative or script fonts
• Don't overuse tracking/letter spacing
• Don't mix more than two font families on the same surface

Voice & Tone

Do
• Be calm, concise, and vibe-coder-first
• Prefer concrete benefits over buzzwords
• Use short sentences and clear headings
Don't
• Don't use hype language or vague claims
• Don't shame users for mistakes
• Don't overuse emojis or exclamation marks