Typography

FMS type system. Igra Sans for display, Manrope for body, Inter for code and identifiers.

Aa Bb Cc

Igra Sans

Display / Headings

weight: 900

typography.fontFamilies.primary

Page titles, card headings, badges, buttons

Aa Bb Cc

Manrope

Body / UI text

weight: 400 / 600

typography.fontFamilies.body

Paragraphs, labels, descriptions

Aa Bb Cc

Inter

Code / Monospace

weight: 400

typography.fontFamilies.mono

Token values, IDs, operation codes

Type scale

fontSize.5xl

3rem / 48px

Family First

Display

fontSize.4xl

2.25rem / 36px

Task Completed

Heading 1

fontSize.3xl

1.875rem / 30px

Stars Earned

Heading 2

fontSize.2xl

1.5rem / 24px

Device Sync

Heading 3

fontSize.xl

1.25rem / 20px

Wallet Balance

Heading 4

fontSize.lg

1.125rem / 18px

Allowance updated for this device.

Large body

fontSize.base

1rem / 16px

Your offline allowance has been reserved by the server.

Body

fontSize.sm

0.875rem / 14px

Sync pending — 2 operations queued.

Small

fontSize.xs

0.75rem / 12px

CONFIRMED · 3s ago

Micro

Line heights

lineHeights.tight (1.1)

Display Heading

lineHeights.normal (1.5)

Body text for reading

lineHeights.relaxed (1.75)

Long form descriptions

Letter spacing

letterSpacing.tight

Heading Text

letterSpacing.normal

Body Text

letterSpacing.wide

LABEL TAG

Text stroke

effects.strokeHeading / textStroke.bold

Bold Heading

typography.textStroke.heavy

Heavy Heading