Typography Tokens

Type scale, weights, and tracking values for Inter headings and JetBrains Mono code. All headings use -2% letter-spacing.

Inter

var(--font-inter)

Headings, UI, navigation

JetBrains Mono

var(--font-jetbrains-mono)

Code, data, technical labels

Heading Scale

Inter Bold/Extra Bold with tight tracking (-0.02em).

Display

3.75rem

Aavya Brand Portal

weight: 800

tracking: -0.02em

2.25rem

Aavya Brand Portal

weight: 700

tracking: -0.02em

1.875rem

Aavya Brand Portal

weight: 700

tracking: -0.02em

1.5rem

Aavya Brand Portal

weight: 600

tracking: -0.02em

1.25rem

Aavya Brand Portal

weight: 600

tracking: -0.02em

1.125rem

Aavya Brand Portal

weight: 600

tracking: -0.02em

Body Scale

Inter Regular with comfortable line heights for readability.

Body Large

1.125rem

Aavya Brand Portal

weight: 400

leading: 1.75

Body

1rem

Aavya Brand Portal

weight: 400

leading: 1.625

Body Small

0.875rem

Aavya Brand Portal

weight: 400

leading: 1.5

Caption

0.75rem

Aavya Brand Portal

weight: 500

leading: 1.5

Monospace Scale

JetBrains Mono for code blocks and data labels.

Code Block

0.875rem

const brand = "aavya"

weight: 400

leading: 1.7

Data Label

0.75rem

const brand = "aavya"

weight: 500

leading: 1.5

Export Tokens

Copy typography tokens in your preferred format.

/* Aavya Typography Tokens */

/* Font Families */
--font-sans: 'Inter', system-ui, sans-serif;
--font-mono: 'JetBrains Mono', monospace;

/* Headings */
--font-size-display: 3.75rem;
--font-size-h1: 2.25rem;
--font-size-h2: 1.875rem;
--font-size-h3: 1.5rem;
--font-size-h4: 1.25rem;
--font-size-h5: 1.125rem;

/* Body */
--font-size-body-lg: 1.125rem;
--font-size-body: 1rem;
--font-size-body-sm: 0.875rem;
--font-size-caption: 0.75rem;

/* Monospace */
--font-size-code: 0.875rem;
--font-size-data: 0.75rem;