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