Ngôn ngữ thiết kế

Canvas, lớp, đường viền, màu, nét và chuyển động dùng chung cho mọi biểu tượng. Số đo tính bằng đơn vị canvas.

Vùng vẽ

Biểu tượng được vẽ trên canvas 31×29 đơn vị, với hình vẽ căn giữa tại (15.5, 12.5). Bốn đường dẫn (keyline), là các hình hướng dẫn giúp biểu tượng có cùng kích thước thị giác, quy định giới hạn ngoài: một hình tròn rộng 23 đơn vị, một hình vuông 20.6 đơn vị, một hình chữ nhật ngang 23×18.4 và một hình chữ nhật dọc 18.4×23. Biểu tượng được căn giữa, không căn theo đáy.

Các lớp

Mỗi biểu tượng có một mảnh nền sau màu trung tính kèm bóng đổ, và thường có một mảnh phía trước sáng hơn với vệt sáng mềm dọc mép trên. Nội dung màu trắng, như ký hiệu hoặc các đường nét, có thể nằm giữa hai mảnh. Biểu tượng không có mảnh phía trước thì có nội dung màu trắng đủ lớn để tạo thành lớp thứ hai. Hai góc trên của mảnh phía trước được bo riêng, để lộ mảnh nền ở các góc.

Đường viền và góc

Đường viền rộng 1 đơn vị và nằm bên ngoài vùng tô. Bán kính góc là 2.2 cho thân biểu tượng (3.2 tính cả đường viền) và 1.2 cho nội dung. Một dải màu bên trong đường viền rộng ít nhất 2 đơn vị, nếu không thì bỏ đi.

Màu

Mỗi sắc độ được thiết kế dựa trên một màu xanh lam tham chiếu, rồi được dịch sang màu chủ đạo trong khi giữ độ sáng tương đối so với màu đó. Các nét là màu trắng trên mảnh trung tính và màu tối trên mảnh sáng.

Nét

Nét là các đường và ký hiệu được vẽ trên biểu tượng. Đường nội dung dùng độ dày nét 1.6, nét chỉ hướng như mũi tên dùng 2.2, và đường viền dùng 1. Các phần giống con trỏ là ngoại lệ và dùng 2.6 hoặc 2.0. Phần tử nhỏ nhất là 2.4 đơn vị. Đầu mũi tên là tam giác đặc.

Chuyển động

Chuyển động có hai khung hình chính, tư thế nghỉ và tư thế khi rê chuột, và chạy trong 460ms. Biểu tượng chỉ diễn lại điều mà đồ vật thật làm: thư mục mở ra, phong bì được bóc ra, lịch lật sang trang. Chuyển động không dùng để thay cho một ý niệm trừu tượng.

Bộ quy tắc đầy đủ nằm trong PROMPT.md, được viết bằng tiếng Trung giản thể.

Kubai Icons miễn phí sử dụng Tài trợ dự án