Màu sắc của Sách Đê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
- 52% tỉ lệ
Mực đêm #12141C
Nền đêm — bóng tối của phòng đọc
Dùng cho: nền trang theme tối, ô logo, nền ảnh noir
Không dùng cho: chữ trên nền tối
- 18% tỉ lệ
Giấy ngà #F4EBDC
Chữ trên nền tối và nền giấy ở theme sáng
Dùng cho: chữ thân bài trên nền đêm, trang sách trong logo, nền in ấn
Không dùng cho: nền nút
- 10% tỉ lệ
Đèn hổ phách #EDA944
Ánh đèn bàn — nhận diện và nút chính
Dùng cho: chùm sáng logo, nút chính trên nền tối, vũng sáng ảnh noir
Không dùng cho: chữ dài trên nền giấy, nền lớn
- 9% tỉ lệ
Gỗ kệ #363A4C
Đường kẻ, viền, khối kệ chìm trong tối
Dùng cho: viền thẻ, đường chia, dãy kệ trong ảnh
Không dùng cho: chữ
- 7% tỉ lệ
Khói cà phê #B9B0A2
Chữ phụ, chú thích
Dùng cho: chú thích, giờ mở cửa phụ, mưa trong ảnh
Không dùng cho: tiêu đề, nút
- 4% tỉ lệ
Mận đêm thơ #E890A2
Điểm ấm duy nhất mỗi màn (đêm thơ, câu lạc bộ)
Dùng cho: huy hiệu đêm thơ, một chỗ nhấn mỗi màn, má nhân vật
Không dùng cho: nền lớn, chữ dài, nút chính
Vai trò giao diện
Sáng
- Hành động chính#8A4B0C
- Phụ#8E3347
- Nền#F4EBDC
- Bề mặt#FFF9EF
- Chữ#14161E
- Chữ phụ#4E4840
- Viền#D6C8B2
- Thành công#2E6B3A
- Cảnh báo#7A4F00
- Nguy hiểm#A3271B
- Thông tin#2B4777
- Focus#2B4777
Tối
- Hành động chính#EDA944
- Phụ#E890A2
- Nền#12141C
- Bề mặt#1C1F2B
- Chữ#F4EBDC
- Chữ phụ#B9B0A2
- Viền#363A4C
- Thành công#8FCB8A
- Cảnh báo#E8C16A
- Nguy hiểm#F08A7E
- Thông tin#93B6EA
- Focus#93B6EA
Các palette
Đèn hổ phách
Mưa phố
Đêm thơ