Màu sắc của Vườn Số

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ệ

    Giấy lúa #FBF8EF

    Nền đọc

    Dùng cho: nền trang, nền thẻ in, hộp thoại pixel

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

  • 18% tỉ lệ

    Mực đêm #1B1633

    Chữ và khung sprite

    Dùng cho: chữ thân bài, viền 1 ô của sprite, thanh đầu trang tối

    Không dùng cho: nền lớn ở theme sáng

  • 12% tỉ lệ

    Tím số #4A2C9B

    Hành động chính

    Dùng cho: nút chính, ô logo, bầu trời trong ảnh pixel

    Không dùng cho: chữ dài, trang trí rải rác

  • 8% tỉ lệ

    Lá chuối #A6D930

    Mầm và trạng thái đạt

    Dùng cho: lá mầm trong logo, thanh tiến độ đã đạt, đồi pixel

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

  • 5% tỉ lệ

    Nước trời #1F5FA8

    Nước, thông tin và focus

    Dùng cho: giọt nước, độ ẩm, viền focus, hộp thông tin

    Không dùng cho: nút chính

  • 4% tỉ lệ

    Vạch luống #DDD6EA

    Đường kẻ, viền

    Dùng cho: viền thẻ, đường chia, lưới luống minh hoạ

    Không dùng cho: chữ

  • 3% tỉ lệ

    Cà chua #E0452F

    Điểm nhấn duy nhất mỗi màn

    Dùng cho: que đo cảm biến trong logo, cảnh báo cần tưới, huy hiệu mới

    Không dùng cho: chữ trên nền sáng, nhiều điểm trên một màn

  • 2% tỉ lệ

    Đất luống #7B4B2A

    Đất và gốc cây

    Dùng cho: đất trong minh hoạ pixel, thân giun Tơi

    Không dùng cho: chữ, nút

  • 2% tỉ lệ

    Nắng sớm #F2C14E

    Mặt trời và thưởng

    Dùng cho: nhân vật Nắng, sao thưởng chuỗi ngày

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

  • 1% tỉ lệ

    Hồng giun #FF8A73

    Nhân vật Tơi và má hồng

    Dùng cho: thân giun Tơi, má hồng nhân vật

    Không dùng cho: chữ, nút

Vai trò giao diện

Sáng

  • Hành động chính#4A2C9B
  • Phụ#E0452F
  • Nền#FBF8EF
  • Bề mặt#FFFFFF
  • Chữ#1B1633
  • Chữ phụ#4E4866
  • Viền#DDD6EA
  • Thành công#2F6B1F
  • Cảnh báo#8A5A00
  • Nguy hiểm#B42318
  • Thông tin#1F5FA8
  • Focus#1F5FA8

Tối

  • Hành động chính#B9A6F7
  • Phụ#FF8A73
  • Nền#15112A
  • Bề mặt#211B3D
  • Chữ#F6F3FB
  • Chữ phụ#B7B0CC
  • Viền#352D57
  • Thành công#A6D930
  • Cảnh báo#F2C14E
  • Nguy hiểm#F87171
  • Thông tin#8CC4F5
  • Focus#8CC4F5

Các palette

  • Vườn đêm số

  • Nước trời

  • Đất nắng