Typography System

Our brand uses two carefully selected typefaces to create a balance between modern functionality and organic warmth.

Inter: Use for all app UI elements (buttons, forms, navigation, body text)
Lora: Use only for marketing materials (landing pages, ads, promotional content)

⚠️ Important: Never use Lora in the app interface — it's exclusively for marketing.

Inter — App UI Font

Inter is our primary typeface for all product interface elements. It's highly legible, modern, and works beautifully at all sizes.

Body text — 14px (regular line height 1.5)

Small text / Caption — 12px

Light (300)

Rarely used, for subtle emphasis

Regular (400)

Body text, descriptions, labels

Medium (500)

Buttons, form labels, subtle emphasis

Semibold (600)

Headings, important labels, navigation

Bold (700)

Strong emphasis, important headings

Dashboard Overview

You have 3 pending tasks and 2 new messages.

Lora adds elegance and warmth to our marketing materials. Use it for headlines, hero sections, and accent text in promotional content.

Accent text or pull quote — 18px italic

Regular (400)

Body copy, longer marketing text

Medium (500)

Emphasized text, subheadings

Semibold (600)

Headlines, strong emphasis

Bold (700)

Hero headlines, main CTAs

Calm, focused, and beautifully organized