Reference
Style Guide
Design tokens và component showcase — nguồn sự thật trực quan của ZON Blog (CHIP VER 1).
Colors
Typography
post-title
clamp(34–56px)
clamp(34–56px)
Tiêu đề bài viết
h2 / prose
clamp(24–32px)
clamp(24–32px)
Đề mục trong bài
entry-title
19px / 600
19px / 600
Tiêu đề entry trong danh sách
body
17–18px / 400
17–18px / 400
Chữ nội dung — Be Vietnam Pro, hỗ trợ đầy đủ dấu tiếng Việt.
mono
14px
14px
tail -f /var/log/zon.logComponents
Category flags
Programming Design AI
Tag pills
Category chips
Programming02 Design00
Terminal line
~$ systemctl status zon▋
Image placeholder
Ảnh minh hoạ
Pagination
Prose
Đoạn văn bình thường bên trong .prose — cỡ chữ 18px, line-height 1.72.
- Mục danh sách một
- Mục danh sách hai
Một trích dẫn để nhấn mạnh điều quan trọng.
const greeting = 'Xin chào';
console.log(greeting);Sau đường kẻ chấm — kết thúc showcase.