Màu sắc của Gió Vợt
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
- 18% tỉ lệ
Mực sân #0F1E2E
Chữ và ô logo
Dùng cho: chữ thân bài, ô logo, thanh đầu trang tối
Không dùng cho: nền lớn ở theme sáng
- 12% tỉ lệ
Xanh thảm sân #0B6E4F
Hành động chính
Dùng cho: nút chính, trạng thái đã đặt sân, liên kết quan trọng
Không dùng cho: chữ dài, nền toàn trang
- 6% tỉ lệ
Xanh gió #0A5C8A
Thông tin và focus
Dùng cho: viền focus, liên kết, hộp thông tin
Không dùng cho: nút chính
- 52% tỉ lệ
Lông cầu #FAFAF5
Nền đọc
Dùng cho: nền trang, nền thẻ in
Không dùng cho: chữ trên nền trắng
- 7% tỉ lệ
Vạch sân #D5DED6
Đường kẻ, viền
Dùng cho: viền thẻ, đường chia, vạch sân minh hoạ
Không dùng cho: chữ
- 5% tỉ lệ
Đế cầu #F2542D
Điểm nhấn duy nhất mỗi màn
Dùng cho: đế quả cầu trong logo, huy hiệu mới, một điểm nhấn mỗi màn
Không dùng cho: chữ trên nền sáng, trang trí rải rác
Vai trò giao diện
Sáng
- Hành động chính#0B6E4F
- Phụ#F2542D
- Nền#FAFAF5
- Bề mặt#FFFFFF
- Chữ#0F1E2E
- Chữ phụ#475A55
- Viền#D5DED6
- Thành công#0B6E4F
- Cảnh báo#8A5A00
- Nguy hiểm#B42318
- Thông tin#0A5C8A
- Focus#0A5C8A
Tối
- Hành động chính#4FD1A1
- Phụ#FF8A66
- Nền#0C1620
- Bề mặt#142231
- Chữ#F4F6EE
- Chữ phụ#A7B6AE
- Viền#26384A
- Thành công#4FD1A1
- Cảnh báo#F2C14E
- Nguy hiểm#F87171
- Thông tin#7CC4F0
- Focus#7CC4F0
Các palette
Sân đêm
Gió xanh
Đế cầu