Design System

Ba tầng

Tầng 1 · Core (dùng chung)   spacing, grid, breakpoint, độ dài dòng, truy cập, tên token, footer hệ sinh thái
Tầng 2 · Brand theme         danghong | sutucon | nemo12 | nextstep  → màu, font, logo, ảnh, giọng văn
Tầng 3 · Site                chỉ phần ngoại lệ của một site, ghi trong sites/<site>/design.md

Một site dùng đúng một theme. Theme ghi đè tầng 1 ở những gì thuộc nhận diện (màu, chữ, hình ảnh), không ghi đè quy tắc truy cập.

Site nào dùng theme nào

Site	Theme	Nguồn token
danghong.me	danghong	website/src/app/globals.css
media.danghong.me	danghong	media/src/render.js
docs.danghong.me	danghong	docs/.vitepress/theme/custom.css
ai.danghong.me	sutucon	Brand gốc: https://sutucon.com
ielts.danghong.me	nemo12	Brand gốc: https://docs.nemo12.com/design-system/
nextstep.danghong.me	nextstep	Brand gốc: https://nextstep27.com

Bốn theme cho sáu site. Theme của brand khác lấy nguyên từ brand gốc và chỉ link tới nguồn, không chép giá trị (ADR-002).

Trang

• Core: quy tắc dùng chung.
• Theme: danghong · sutucon · nemo12 · nextstep