Thương hiệu giả lậpbrand-check 100/100

Màu sắc của Gạch Xanh

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

46% tỉ lệ
Vôi #F6F3EC
Nền trang như tường quét vôi
Dùng cho: nền trang, nền ảnh isometric
Không dùng cho: chữ, viền mảnh trên nền trắng
14% tỉ lệ
Mực rêu #17241C
Chữ và nét
Dùng cho: chữ thân bài, icon nghỉ, nét vẽ
Không dùng cho: nền lớn ở chế độ sáng
16% tỉ lệ
Xanh rêu #1E5B3A
Hành động chính và mặt trái khối
Dùng cho: nút chính, liên kết, mặt trái khối isometric
Không dùng cho: chữ nhỏ trên nền rêu sẫm
8% tỉ lệ
Rêu sẫm #143F28
Mặt tối của khối (bóng)
Dùng cho: mặt phải khối isometric, chân trang
Không dùng cho: chữ, nút
8% tỉ lệ
Lá non #8DBF5A
Mặt đỉnh khối, cây xanh
Dùng cho: mặt đỉnh khối, mầm cây, biểu đồ tích cực
Không dùng cho: chữ, nền chữ nhỏ
4% tỉ lệ
Gạch nung #B44D27
Điểm nhấn duy nhất mỗi màn
Dùng cho: huy hiệu, dấu ạ trong wordmark, mái nhà isometric
Không dùng cho: nền lớn, nút thứ hai
2% tỉ lệ
Mật ong #E8B23A
Nắng và năng lượng (nhân vật Ong)
Dùng cho: tia nắng, pin mặt trời, nhân vật Ong Thợ
Không dùng cho: chữ trên nền sáng
2% tỉ lệ
Nước mưa #3A8FB7
Nước và gió mát (nhân vật Giọt)
Dùng cho: giọt nước, luồng gió, nhân vật Giọt Mưa
Không dùng cho: chữ nhỏ