Typography
현재 등록된 font family token과 실제 사용 중인 type primitive를 표시합니다.
Font family
언어별 공용 font token입니다.
| Name | Type | Light / value | Dark | Preview |
|---|---|---|---|---|
| oe-font-family-ko | Token | Pretendard Variable | — | 한글 디자인 자산 |
| oe-font-family-en | Token | Inter Variable | — | English design asset |
| oe-font-family-ja | Token | Noto Sans JP Variable | — | 日本語デザイン資産 |
Type scale
oe-label은 공용 token이며 나머지는 현재 자산에서 사용하는 Tailwind primitive입니다.
| Name | Type | Light / value | Dark | Preview |
|---|---|---|---|---|
| text-oe-label | Token | 13px / 16px | — | Label text |
| text-xs | Primitive | 12px / 16px | — | Extra small |
| text-sm | Primitive | 14px / 20px | — | Body small |
| text-base | Primitive | 16px / 24px | — | Body base |
| text-lg | Primitive | 18px / 28px | — | Large text |
| text-xl | Primitive | 20px / 28px | — | Heading small |
| text-2xl | Primitive | 24px / 32px | — | Heading |
| text-[11px] | Current value | 11px / inherited | — | Compact metadata |
| text-[10px] | Current value | 10px / inherited | — | Count metadata |
Weight
현재 자산에서 실제 사용하는 font weight primitive입니다.
| Name | Type | Light / value | Dark | Preview |
|---|---|---|---|---|
| font-normal | Primitive | 400 | — | Normal |
| font-medium | Primitive | 500 | — | Medium |
| font-semibold | Primitive | 600 | — | Semibold |
| font-bold | Primitive | 700 | — | Bold |