gettime · hệ màu agentv1.0 · tháng 10/2026

Mỗi AI agent trong gettime có một màu riêng, giống mỗi nhạc công trong dàn nhạc có một nhạc cụ. Maestro, người điều phối, luôn dùng màu trung tính đêm hoặc kem. Tài liệu này hướng dẫn dùng 8 màu agent sao cho nhiều màu mà vẫn gọn.

01 · ý tưởng

Một nhạc trưởng, tám nhạc công

  1. 1Maestro là nhạc trưởng. Luôn màu đêm hoặc kem, là người duy nhất đeo nơ và có bộ ria.
  2. 2Mỗi agent có một giờ. Agent số 3 đứng ở 3 giờ, kim trên mặt agent cũng chỉ 3 giờ. Số thứ tự, vị trí và màu luôn đi cùng nhau.
  3. 3Màu dùng để nhận ra agent. Nhìn màu là biết việc này do agent nào làm, trên dashboard, báo cáo hay thông báo.
  4. 4Còn chỗ cho agent mới. Các vị trí 9, 10, 11 và 12 giờ để dành cho agent sau này, không cần đổi hệ thống.
02 · nền tảng

Bốn màu trung tính giữ trật tự

Màu agent luôn đặt trên nền trung tính. Trung tính chiếm phần lớn diện tích để tám màu agent không tranh nhau.

kemnền sáng · #FDF4E2
đêmchữ, nền tối · #0D0B1E
giấythẻ, bảng trên nền kem · #FFFFFF
đường kẻviền, phân cách · #E6DCC6
03 · tám agent

Mỗi màu là một agent

Mỗi agent có ba sắc độ: màu chính cho mark, biểu đồ, nút của agent; màu nhạt cho nền thẻ và nhãn trên nền kem; màu đậm khi cần chữ màu agent trên nền kem.

04 · quy tắc tương phản

Chữ đêm đọc được trên mọi màu agent

  1. Chữ trên nền màu agent luôn là màu đêm, không bao giờ trắng. Cả tám màu đều đạt từ 4.3 : 1 trở lên với chữ đêm.
  2. Trên nền kem, màu agent dùng làm mảng màu (chấm, thanh, nhãn), không dùng làm chữ. Khi cần chữ màu agent trên nền kem, dùng màu đậm của agent đó.
  3. Trên nền đêm, màu agent dùng được làm chữ. Riêng lam và tím chỉ dùng cho chữ từ 18px trở lên.
đạt từ 4.5 : 1, mọi cỡ chữlớn từ 3 : 1, chữ từ 18px, mảng màukhông dưới 3 : 1
05 · logo theo agent

Chữ "time" mang màu agent

Khi một trang, một chiến dịch hay một tính năng thuộc về một agent, chữ "time" và ngôi sao lấy màu của agent đó. Mark và chữ "get" luôn trung tính. Logo màu agent đặt trên nền đêm. Trên nền kem chỉ dùng màu đậm của agent.

Trên nền sáng: dùng màu đậm

06 · mark agent

Cùng gia đình với maestro

  • Cùng vòng tròn, vành mặt số và vạch 12 giờ như maestro, nên nhìn là biết cùng một nhà.
  • Không có ria và nơ. Hai chi tiết này chỉ dành cho maestro.
  • Một kim duy nhất chỉ vào số của agent. Agent số 5 thì kim chỉ 5 giờ.
  • Mặt được khoét thủng nên lấy màu nền, giống mark maestro.

mark agent tối thiểu 20px · ở dưới 20px chỉ dùng chấm tròn màu agent

07 · trong giao diện

Màu nói ai làm, chữ nói làm tới đâu

Màu agent chỉ để nhận diện agent. Trạng thái (đang chạy, chờ, lỗi) dùng màu trạng thái riêng, luôn có chữ đi kèm, không dựa vào màu agent.

agent đang chạydữ liệu ví dụ
thời gian lấy lại tuần nàytổng 26h 40m · ví dụ
agent đang chạy · chế độ tốidữ liệu ví dụ
giao việc chonhãn agent
08 · marketing

Mỗi agent một ấn phẩm

Khi giới thiệu một agent, cả ấn phẩm lấy màu của agent đó làm nền, chữ và mark màu đêm. Không trộn quá hai màu agent trong một ấn phẩm.

09 · đúng và sai

Nhiều màu nhưng không loạn