Font Families

Inter - Primary Font

The quick brown fox jumps over the lazy dog

Used for body text, UI elements, and general content. Excellent readability across all sizes.

--font-family-primary

Playfair Display - Luxury Font

The quick brown fox jumps over the lazy dog

Reserved for premium headlines and luxury accents. Adds elegance and sophistication.

--font-family-luxury

JetBrains Mono - Code Font

const luxury = "LYD Design System";

For code snippets, technical values, and monospaced requirements.

--font-family-mono

Type Scale

--font-size-xs Extra Small Text 12px

--font-size-sm Small Text 14px

--font-size-base Base Text Size 16px

--font-size-lg Large Text 18px

--font-size-xl Extra Large 20px

--font-size-2xl 2X Large 24px

--font-size-3xl 3X Large 30px

--font-size-4xl 4X Large 36px

--font-size-5xl 5X Large 48px

Font Weights

400 Normal Weight - Regular body text

500 Medium Weight - Subtle emphasis

600 Semibold Weight - Strong emphasis

700 Bold Weight - Headlines

Letter Spacing

--letter-spacing-luxury: 0.15em

LUXURY REAL ESTATE

--letter-spacing-wide: 0.1em

PREMIUM PROPERTIES

--letter-spacing-normal: 0.05em

Modern Living Spaces

--letter-spacing-tight: 0.02em

Contemporary Design

Line Heights

--line-height-tight: 1.2

Tight line height is perfect for large headlines and display text where you want a compact, impactful appearance. Best used sparingly for maximum effect.

--line-height-normal: 1.6

Normal line height provides comfortable reading for body text and general content. This is the default for most text elements in the design system.

--line-height-relaxed: 1.8

Relaxed line height offers extra breathing room, ideal for longer passages of text or when you want to create a more open, luxurious feel in your content.

Property Pricing Display

Real Estate Price Formatting

Specialized typography for property pricing and real estate content.

€2,500,000

5 bedrooms • 4 bathrooms • 350m²

Luxury penthouse in Munich city center with panoramic views

Typography Examples

Display Heading - Luxury

Exclusive Properties

Page Heading

Premium Real Estate Solutions

Section Heading

Featured Properties in Munich

Body Text

Discover exceptional properties in prime locations. Our curated selection of luxury real estate offers unparalleled quality, sophisticated design, and premium amenities for discerning buyers seeking their dream home.

Small Text / Caption

*Prices subject to change. All properties verified and exclusively listed through LYD Real Estate Partners.