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