zhongwei/gh-vuer-ai-vuer-skill-marketplace-skills-vuer-uikit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Zhongwei Li
2025-11-30 09:05:04 +08:00
commit 7afdd6601b
69 changed files with 9552 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/style-guide/font.md Normal file
View File

@@ -0,0 +1,26 @@
# 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.