VNR Design System

Typography

Basic text writing, including headings, body text, lists, and links.

Khi nào sử dụng

Tiêu đề trang

Heading các cấp cho cấu trúc nội dung rõ ràng.

Đoạn văn

Paragraph với tính năng copy, edit hoặc ellipsis.

Inline Utilities

Apply bold, italic, link, or code inline styles.

Hướng dẫn

Do
  • Tuân thủ thứ bậc heading (h1 → h2 → h3)
  • Dùng ellipsis cho text có thể bị tràn
Don't
  • Nhảy cấp heading (h1 → h3) gây khó đọc
  • Dùng quá nhiều kiểu font trên cùng trang

Titles

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading

Text

Default Text
Secondary Text
Success Text
Warning Text
Danger Text
Bold Text
Italic Text
Underline Text
Deleted Text

Paragraph

This is a copyable paragraph. Click the icon to copy.
This is a long paragraph that will be truncated after two rows. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team. Ant Design, a design language for background applications, is refined by Ant UED Team.

Links