Thiết kế hệ thống design token cho thương hiệu

Design token là các biến mang tên ngữ nghĩa (ví dụ color.primary) thay vì mã màu rời rạc. Khi thương hiệu đổi nhận diện, bạn chỉ cập nhật một lớp trừu tượng.

Phân tầng token

Thông thường có ba tầng: global (nền tảng), semantic (ý nghĩa dùng trong UI), và component (áp vào nút, input). Điều này giảm xung đột giữa marketing site và app.