Thương hiệu

Một đường thẳng, một vòng tròn và tác dụng của ánh sáng đối với kim loại.

Nhãn hiệu, cách xây dựng và các tệp IO Patina LLC xuất bản để sử dụng.

Biểu tượng và khóa chính, được vẽ từ lưới ở mọi kích thước. Cả hai đều là vector, không phải là hình ảnh của một.

Xây dựng

Một quy tắc, không phải hai hình dạng.

Các nan hoa được vẽ xung quanh vòng tròn và chiều rộng góc của mỗi nan hoa thay đổi theo phương hướng của nó. Khi chiều rộng đó đạt đến cao độ tối đa, các nan hoa lân cận gặp nhau và vòng quay trở nên chắc chắn; nơi nó giảm xuống một nửa, họ tách ra thành chiếc quạt. Do đó, hình lưỡi liềm và chiếc quạt là cùng một vật thể được nhìn ở hai góc, đó là lý do tại sao phần chuyển tiếp giữa chúng không có đường nối.

Lưới nắp - đường kính ngoài vòng = đơn vị 100
Đo lườngGiá trịLưu ý
Đường kính ngoài của vòng 100 lưới - mọi số khác là tỷ lệ phần trăm của nó
Đường kính rỗng 61.18 0.84px dư vừa khít với vòng tròn trên tham chiếu
Khoảng trống 2.53 còn lại khoảng trống không đồng tâm và đó là thiết kế
Chiều rộng thanh 12.99 tuôn ra với vòng, trên và dưới
Khoảng cách giữa thanh và vòng 12.30 khoảng trống bên trong nhãn hiệu
Nan hoa, vòng tròn đầy đủ 114 ± 3 cao độ 3.10°–3.23° bằng phương pháp tự tương quan trên bốn bán kính; ông chủ quá thô để đếm chúng một cách chính xác
Chiều rộng nói 50% ngoài sân, ngoài trời
Vòng cung rắn 195°–330° đo; tập trung ngay dưới chín giờ
chiều rộng tổng thể 126.67 bao gồm cả tầm với của người hâm mộ qua vòng tròn

Kích thước quang học

Quạt mỏng đi khi nhãn hiệu nhỏ hơn.

Một nan hoa và khoảng cách của nó cần khoảng ba điểm ảnh cung để đọc thành hai thứ. Thay vì vẽ các nan hoa của 114 và để trình quét phá hủy chúng, dấu này có bốn vết cắt. Vòng, khoảng trống lệch tâm và khoảng cách từ thanh đến vòng đều giống hệt nhau ở cả bốn - chỉ có chi tiết mà kích thước không thể giữ được sẽ bị loại bỏ.

Display giới hạn 90px trở lên · tất cả các nan hoa 114
Medium giới hạn 40–89px · mỗi phần ba nói, mở rộng - 38 rút ra
Quiet giới hạn dưới 40px · không có quạt, tỷ lệ thực - tiêu đề trang web
Favicon Biểu tượng 16 và 32px · không có quạt, thanh được mở rộng tới 17.5 để nó hiển thị trên toàn bộ pixel

Cả bốn đều được vẽ ở đây với cùng kích thước để có thể nhìn thấy sự khác biệt. Mỗi cái thường chỉ được nhìn thấy ở kích thước mà nó được cắt.

Màu sắc

Sáu giá trị mang văn bản.

Mỗi cặp bên dưới được đo bằng WCAG 2.2. Ba trong số năm màu của bộ sản phẩm không đạt đến 4.5:1 trên Giấy như đã nêu — Xám đá tại 2.81:1, Vàng cổng thông tin tại 1.85:1 và Sương mù tại 1.10:1 — vì vậy, mỗi màu được sử dụng ở những nơi nó đi qua và giảm cùng một sắc độ ở những nơi không có. Sự thay thế được ghi lại trong hệ thống thiết kế.

  • Deep Ink

    #0F1114

    Tiêu đề, nút chính, nền tối

    16.76:1 trên Paper

  • Paper

    #F3F1ED

    mặt đất trang

    16.76:1 trên Deep Ink

  • Portal Gold

    #C8B092

    Chỉ tạo điểm nhấn trên bề mặt tối

    9.08:1 trên Deep Ink

  • Bronze

    #7C5F3E

    Liên kết và dấu vết trên bề mặt ánh sáng

    5.22:1 trên Paper

  • Graphite

    #4A4C4E

    Bản sao nội dung

    7.65:1 trên Paper

  • Stone

    #6B6D6B

    Nhãn vi mô - màu trung tính nhẹ nhất

    4.63:1 trên Paper

Thiết bị

Bốn thiết bị, được lấy từ nhãn hiệu.

Dấu hiệu là một vật thể chính xác; một trang chỉ mang nó sẽ được đọc như một trang có nhãn dán trên đó. Bốn thiết bị này là phép đo riêng của nhãn hiệu được sử dụng làm cấu trúc trang, do đó, danh tính và trang web không còn là hai đối tượng có chung một biểu tượng. Mỗi IO Patina thuộc tính rút ra từ cùng một tập hợp - xem chủ đề chung trong chủ đề/.

Thiết bị 01 · quán bar

Đánh dấu từng phần tiêu đề. Yếu tố nhận dạng dễ nhận biết nhất, trên mỗi trang, nhiều lần, miễn phí.

Quy tắc 5px · chiều cao đầy đủ của thanh ray · màu nhấn

từ thân đơn vị 12.99

Xây dựng

Một quy tắc, không phải hai hình dạng.

Màu sắc

Sáu giá trị mang văn bản.

Thiết bị 02 · Quy tắc nói

Mỗi trang một cái, ở ranh giới chính của trang. Mọi dải phân cách khác vẫn giữ nguyên đường chân tóc - một thước vẽ chỉ giữ trọng lượng của nó nếu nó là đường duy nhất.

cao độ 6px · nhiệm vụ 50% · chiều cao 10px · mờ dần bên phải

từ sân của người hâm mộ



Thiết bị 03 · kim loại

Một bề mặt, không phải một điểm nhấn. Mỗi trang một cái, đằng sau anh hùng hoặc một ban nhạc đen tối, không bao giờ đằng sau văn bản phải đọc.

rửa thanh như cạnh trang 13px · rửa vòng được đánh từ trên cùng bên phải

từ độ dốc được công bố

Thiết bị 04 · Khoảng trống ngoài trung tâm

Bố cục sao chép sự bất đối xứng của vòng: cột văn bản rộng hơn cột bản ghi và phần Hiển thị chạy ra khỏi trang.

cột 1.35 / 1 · dấu tràn qua mép phải tại 16%

từ phần bù đơn vị 2.53 của khoảng trống

Ngân sách cho mỗi trang: một bề mặt kim loại, một vết cắt hiển thị của nhãn hiệu, một dải màu tối và nhiều thanh và quy tắc nan hoa tùy theo nội dung có các phần. Vượt quá nó là điều biến bản sắc trở thành vật trang trí.

Kiểu chữ

Ba mặt, tự lưu trữ.

Cả ba đều được gửi từ miền này dưới dạng tập hợp con woff2. Không có gì trên trang web yêu cầu phông chữ từ bất kỳ nơi nào khác, đó cũng là lý do tại sao chính sách bảo mật nội dung có thể cấm hoàn toàn nguồn gốc của bên thứ ba.

Archivo Giao diện, tiêu đề và nội dung

Ideas, carefully made.

Biến, 100–900. Tiêu đề của phần, điều hướng, nút và mọi thứ đều được đọc dưới dạng văn bản đang chạy. Cũng là nguồn gốc của đường viền của wordmark.

Source Serif 4 Chỉ hiển thị

Ideas, carefully made.

Tiêu đề trang và tuyên bố, 30–62px. Không bao giờ thấp hơn 26px, nơi mà serif không còn là giọng nói nữa mà trở thành họa tiết.

Martian Mono Nhãn và dữ liệu

Ideas, carefully made.

Lông mày, hàng ghi và mọi chữ số trên trang web để mọi thứ được đo đều đọc như đã đo.

Tập tin

Các tập tin logo được xuất bản.

Mỗi cái được tạo từ cùng một mô-đun hình học mà trang web dùng để vẽ tiêu đề của nó, do đó, tệp và dấu trực tiếp không thể không đồng nhất. Tất cả đều là vectơ.

Sử dụng dấu

Giữ không gian thoáng đãng

Để trống ít nhất một nửa đường kính của vòng ở mọi phía. Các tệp đã xuất bản đã mang nó trong viewBox của chúng, vì vậy việc đặt chúng cạnh nhau là đủ.

Đừng vẽ lại chiếc nhẫn như một hình tròn đơn giản

Hình lưỡi liềm chảy vào quạt là dấu hiệu. Một chiếc nhẫn chung là một logo khác.

Không kéo dài, xoay hoặc tô màu lại

Sử dụng một tập tin được xuất bản. Dấu này rộng hơn chiều cao và việc chia tỷ lệ một trục sẽ phá vỡ vòng tròn.

Bên dưới về 56px, hãy sử dụng tệp biểu tượng

Quạt không thể giải quyết ở kích thước đó và chuyển sang tiếng ồn. Các favicon và biểu tượng ứng dụng đã có đường cắt phù hợp.

Quyền