Typography System

DEMOS

[A] HOME

[B] MISSION

[C] VALUE

[D] FEATURES

[E] CAPABILITIES

RESOURCES

DEMOS

[A] HOME

[B] MISSION

[C] VALUE

[D] FEATURES

RESOURCES

Back

Categories:

Technical & Business

typography, fonts, text, styles, system

Jan 30, 2025

Typography System

Font Families

Primary Font: Inter

/* Headings and Body Text */
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

/* Weights Available */
font-weight: 200; /* Light */
font-weight: 400; /* Regular */
font-weight: 500; /* Medium */
font-weight: 600; /* SemiBold */
font-weight: 700; /* Bold */

Typography Scale

Headings

/* H1 - Main Headlines */
.heading-1 {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 40px;
  line-height: 1.1em;
  letter-spacing: -0.04em;
}

Typography Guidelines

Large Text (24px+): -0.04em for better readability
Medium Text (16-24px): -0.02em for optimal spacing
Small Text (12-16px): -0.02em to -0.03em

typography, fonts, text, styles, system

To mirror.xyz

[A] HOME

[B] MISSION

[C] VALUE

[D] FEATURES

[E] CAPABILITIES

RESOURCES

[A] HOME

[B] MISSION

[C] VALUE

[D] FEATURES

RESOURCES

Typography System

Font Families

Primary Font: Inter

Typography Scale

Headings

Typography Guidelines

FOOTER

[ CYA ]

A HOME

B MISSION

C VALUE

D FEATURES

E CAPABILITIES

RESOURCES