Biểu tượng và bóng phản chiếu

Biểu tượng

Một vòng tròn và ảnh phản chiếu của nó qua đường chân trời. Vật chất ở trên đường, phản vật chất ở dưới trong dải màu nhận diện, dừng lại cách đường một chút như một bóng phản chiếu.

Cái tên bên cạnh

Biểu tượng lớn gấp rưỡi cỡ chữ, cái tên dùng Space Grotesk Medium, với khoảng cách hẹp: đuôi mờ dần của đường chân trời lấp khoảng trống giữa hai bên.

Cái tên

Antimatter Compute

Tên đầy đủ của sản phẩm: nơi pháp lý và trang trọng, kho ứng dụng, và lần nhắc đầu tiên trong bài viết dài.

Antimatter

Mọi nơi khác: giao diện, tiêu đề, biểu tượng, trò chuyện.

Luôn viết hoa chữ cái đầu. Không bao giờ viết liền thành một từ, không viết như tên miền, không viết hoa toàn bộ khi làm tên trong câu văn, không rút gọn thành AM.

Màu sắc

Trang web chỉ có nền tối. Mực trên khoảng không, một màu nhấn cho những gì có thể bấm, và dải màu nhận diện cho bóng phản chiếu, một cụm từ trong tiêu đề và cú nhảy.

Kiểu chữ

• Space Grotesk

  Mỗi mô hình là một hành tinh.

  Chữ tiêu đề: tiêu đề, logo chữ, những con số quan trọng. Khoảng cách chữ -0.02em.

• Inter

  Một khóa cho mọi mô hình trong danh mục, theo giá của nhà cung cấp cộng một mức biên được nêu rõ.

  Chữ nội dung: mọi thứ để đọc.

• ui-monospace

  openai/gpt-4.1
  x-antimatter-cost-micros

  Dữ liệu: id mô hình, khóa, giá, header.

Cả hai phông đều miễn phí theo giấy phép SIL Open Font License: Space Grotesk và Inter trên Google Fonts.

Dùng cho đúng

Nên

• 

  Chừa khoảng trống bằng độ dày một vành ở mọi phía, khoảng một phần bảy chiều rộng vòng tròn.

• 18 px16 px

  Vẽ biểu tượng từ 18 pixel trở lên. Nhỏ hơn thì dùng biểu tượng ứng dụng, vốn được làm cho 16.

• 

  Trên nền trắng, dùng bản sáng: vành tối, dải màu đậm hơn và đường chân trời liền nét.

Không nên

• 

  ×

  Xoay, nghiêng hay lật nó. Nó là một bóng phản chiếu qua một đường nằm ngang.

• 

  ×

  Đổi màu nó. Mực ở trên đường, dải màu ở dưới, xanh lam bên trái.

• 

  ×

  Thêm viền, đổ bóng hay phát sáng. Điểm sáng duy nhất của bản chính là ánh sáng duy nhất nó mang.

Và đừng bao giờ khép khoảng hở dưới đường chân trời hay vẽ bóng phản chiếu thành một vòng tròn đầy đủ: không có khoảng hở, nó chỉ là một vòng tròn hai màu, không phải bóng phản chiếu.

Tệp

Mọi tệp đều lấy từ bộ nhận diện được lưu cùng mã nguồn. Các tệp vector mang chữ dưới dạng hình, nên không cần phông nào.

• Sổ tay thương hiệu, PDFbrand-book.pdf↓
• Biến màu sắc và kiểu chữ, CSSantimatter.css↓
• Biến màu sắc và kiểu chữ, JSONantimatter.tokens.json↓
• Bảng màu, SVGpalette.svg↓