Màu sắc của Kho Âm

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

  • 45% tỉ lệ

    Đêm phòng thu #120B24

    Nền tối của sân khấu — mọi trang chế độ tối, chân trang, ảnh social

    Dùng cho: nền trang tối, nền social, chữ thân ở theme sáng

    Không dùng cho: chữ trên nền tối, viền mảnh

  • 18% tỉ lệ

    Trắng sân khấu #F7F5FF

    Chữ trên nền tối và nền theme sáng

    Dùng cho: chữ thân trên nền tối, nền theme sáng, lõi sáng của ống neon

    Không dùng cho: nút chính, điểm nhấn

  • 12% tỉ lệ

    Tím mic #5B2BD9

    Hành động chính trên nền sáng và ống neon của logo bản sáng

    Dùng cho: nút chính theme sáng, ống neon logo trên nền sáng, liên kết

    Không dùng cho: nền toàn trang, chữ trên nền tối

  • 10% tỉ lệ

    Cyan neon #22E1F0

    Hành động chính trên nền tối — ống neon chính

    Dùng cho: nút chính theme tối, ống neon logo trên nền tối, icon trạng thái bật

    Không dùng cho: chữ trên nền sáng, nền lớn

  • 8% tỉ lệ

    Hồng đèn sân khấu #FF3EA5

    Điểm nhấn duy nhất — cột sóng âm trong logo, huy hiệu, đêm diễn

    Dùng cho: cột sóng âm logo, huy hiệu đêm diễn, focus trên nền tối

    Không dùng cho: chữ dài, nền toàn trang, hai điểm nhấn trên một màn

  • 7% tỉ lệ

    Crôm #C9CEDB

    Viền, đường kẻ và dải kim loại crôm

    Dùng cho: viền thẻ theme sáng, dải crôm trên panel, đường chia

    Không dùng cho: chữ trên nền sáng

Vai trò giao diện

Sáng

  • Hành động chính#5B2BD9
  • Phụ#FF3EA5
  • Nền#F7F5FF
  • Bề mặt#FFFFFF
  • Chữ#120B24
  • Chữ phụ#4E4670
  • Viền#C9CEDB
  • Thành công#0F7B5A
  • Cảnh báo#8A5A00
  • Nguy hiểm#B42318
  • Thông tin#1F5FA8
  • Focus#5B2BD9

Tối

  • Hành động chính#22E1F0
  • Phụ#FF3EA5
  • Nền#120B24
  • Bề mặt#1E1538
  • Chữ#F7F5FF
  • Chữ phụ#C4BEDD
  • Viền#3A2E5C
  • Thành công#4ADE9B
  • Cảnh báo#F5C451
  • Nguy hiểm#FF8A8A
  • Thông tin#8DC2FF
  • Focus#FF3EA5

Các palette

  • Đêm diễn (chính)

  • Phòng thu tím

  • Băng cassette