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ơ