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