📖 Step 2: Design - UI/UX Basics#53 / 291
Typography
Typography
📖One-line summary
Text styling — typeface, size, weight, line height, and more.
✨Example
Typography scale
Heading 1 (24px)
Heading 2 (20px)
Heading 3 (18px)
Body (16px)
Small (14px)
Caption (12px)
⚡Vibe coding prompt examples
>_
Build the project's typography system. Define font size, weight, and line height for h1~h6, body, caption, and overline.
>_
Apply Pretendard font in a Next.js project. Optimize as a subset font and configure variable font.
>_
Set typography to improve body text readability. Apply line-height 1.6, max-width 70ch, and paragraph spacing.
Try these prompts in your AI coding assistant!