959 B
959 B
Font Style Guide
Font Family
The design system uses Inter as its typeface. This is a freely available font from Google Fonts optimized for on-screen readability.
Typography Scale
The following table documents the complete font sizing system used throughout the Vuer UIKit:
| Style Name | Size (px) | Line Height | Weight |
|---|---|---|---|
| text-uk-h1 | 30 | 36 | 400 |
| text-uk-h2 | 24 | 32 | 400 |
| text-uk-h3 | 20 | 28 | 400 |
| text-uk-lg | 16 | 24 | 400 |
| text-uk-md | 14 | 20 | 400 |
| text-uk-subtitle | 13 | 18 | 400 |
| text-uk-sm | 12 | 16 | 400 |
| text-uk-xs | 11 | 14 | 400 |
| text-uk-xxs | 10 | 12 | 400 |
| text-uk-hint | 10 | 12 | 400 |
Key Information
All typography styles utilize the Inter typeface, with measurements specified in pixels. Font weights remain consistent at 400 (regular) across all size variants. Line heights are provided as both variable names and pixel values for implementation flexibility.