Thương hiệu giả lậpbrand-check 100/100

Màu sắc của Trà Sương

Mỗi màu có một vai trò và tỉ lệ dùng; giao diện chỉ dùng màu có trong design system.

Màu thương hiệu

52% tỉ lệ
Giấy dó #FAF6EC
Nền đọc — khoảng giấy thở
Dùng cho: nền trang, nền ảnh màu nước, mặt sau thẻ cách pha
Không dùng cho: chữ, nền nút
14% tỉ lệ
Mực trà #1F2A22
Chữ
Dùng cho: chữ thân bài, tiêu đề, wordmark
Không dùng cho: nền lớn ở theme sáng
16% tỉ lệ
Lá trà #3D5A36
Nhận diện và nút chính
Dùng cho: ô logo, nút chính, vệt màu nước chủ đạo
Không dùng cho: chữ nhỏ dưới 14px trên nền tối
6% tỉ lệ
Rêu sương #2B5F55
Liên kết, thông tin, focus
Dùng cho: liên kết, vòng focus, hộp thông tin
Không dùng cho: nút chính, trang trí
8% tỉ lệ
Khói sương #D9D3C2
Đường kẻ, viền
Dùng cho: viền thẻ, đường chia, khung ảnh
Không dùng cho: chữ
4% tỉ lệ
Đất nung #A4482A
Điểm ấm duy nhất mỗi màn
Dùng cho: huy hiệu workshop, vệt màu nước ấm, một chỗ nhấn mỗi màn
Không dùng cho: nền lớn, chữ dài, nút chính