Bộ nhận diện thương hiệu
Mễ Trì Chess Club
Trang này lấy trực tiếp từ bảng màu và kiểu chữ đang dùng trên website (packages token:
apps/club/src/theme/tokens.ts), nên luôn khớp với giao diện thật.Logo
Giữ nguyên tỷ lệ và màu sắc gốc. Luôn chừa khoảng trống tối thiểu bằng chiều cao chữ “M” quanh logo. Không xoay, không đổ bóng, không đổi màu ngoài hai bản sáng/tối ở trên.
Bảng màu
Thương hiệu
Primary
#0B4527Primary hover
#127A45Tint
#E9F3ECAccent
#F2C94CTrung tính
Background
#F7FAF7Surface
#FFFFFFText
#17352AText phụ
#5E6C64Trạng thái
Success
#237804Error
#C53030Warning
#945900Info
#0958D9Phân bổ khoảng 60% nền trung tính, 30% bề mặt/màu hỗ trợ nhẹ, 10% màu thương hiệu và điểm nhấn. Mọi cặp chữ/nền đạt tối thiểu WCAG AA (4.5:1 với chữ thường).
Kiểu chữ
Be Vietnam Pro — hỗ trợ đầy đủ dấu tiếng Việt, giấy phép OFL-1.1.
Mễ Trì Chess Club
Học cờ vua và cờ tướng
Văn bản nội dung tiêu chuẩn, cỡ 16px. Chịu được dấu tiếng Việt: Phượng, Nguyễn, Đặng, Huỳnh.
Design tokens
Bo góc và khoảng cách dùng trong toàn bộ giao diện.
control: 12px
controlSm: 10px
card: 16px
cardLg: 20px
pill: 999px
Hệ khoảng cách 8px: 8, 16, 24, 32, 40, 48, 64, 80, 96, 4px.
Tài sản tải về
Mẫu avatar mạng xã hội, ảnh bìa Facebook, poster tuyển sinh, slide bài giảng và chứng nhận học viên sẽ được bổ sung khi CLB cung cấp nội dung thật (tên lớp, giáo viên, ngày tháng) để tránh tạo dữ liệu giả.