Skip to content

DOL Design System

activeUpdated

Search tip: nếu workspace search làm README.md khó tìm, mở file DOL_Design_System_Overview.md ở root của repo. File README.md này vẫn là canonical hub để giữ nguyên convention và toolchain hiện tại.

Lane canon cho design system tổng của hệ DOL.

Mở lane này khi cần:

  • đọc guideline và report nền tảng dùng chung toàn hệ
  • phân tích token/component architecture của DOL Design System
  • cập nhật canon shared mà nhiều domain cùng tiêu thụ
  • Template/
  • ../ds-guideline/
  • Design System Report/

Nếu cần hiểu nhanh cách dùng DS tổng trước khi đọc sâu report:

  • bắt đầu từ Design System Guideline/README.md vì đây là canonical hub của guideline set
  • nếu workspace search làm README.md khó tìm, mở DOL_Design_System_Guideline_Overview.md ở root repo rồi đi tiếp vào hub canonical
  • từ hub đó, follow read order của guideline set thay vì nhảy thẳng vào từng file con
  • nếu cần xây dựng UI: trong read order đó, Design System Guideline/DIRECTION.md là file dành cho cảm giác, anti-patterns, và gợi ý sáng tạo

Bundle guideline này chốt các default quan trọng cho AI và designer:

  • text hierarchy và semantic text color
  • soft-large radius theo kích thước element
  • generous spacing để làm rõ grouping và hierarchy
  • thứ tự ưu tiên giữa variable, effect style, và paint style

Nếu cần bootstrap theme cho external AI builders:

  • đọc Template/README.md
  • dùng Template/DOL_General_AI_Theme_Adapter.css
  • Không đặt KID-only docs ở đây.
  • Không đặt tài liệu comparison/migration giữa nhiều system ở đây.
  • Tài liệu vận hành workflow nằm ở ../Operations/.