Бренд
Знак, як він побудований, і файли, які IO Patina LLC публікує для використання.
Символ і первинне блокування, взяті з сітки будь-якого розміру. Обидва векторні, а не зображення одного.
Будівництво
Спиці намальовані по всьому колу, і кутова ширина кожної з них змінюється залежно від положення. Там, де ця ширина досягає повного кроку, сусідні спиці стикаються, і кільце стає суцільним; де вона падає наполовину, вони розходяться віялом. Таким чином, півмісяць і віяло є одним і тим же об’єктом, який видно під двома кутами, тому перехід між ними не має шва.
| Виміряти | Значення | Примітка |
|---|---|---|
| Зовнішній діаметр кільця | 100 | сітка — кожне друге число є її відсотком |
| Діаметр пустоти | 61.18 | залишкова 0.84px на еталоні |
| Зміщення порожнечі | 2.53 залишився | порожнеча не є концентричною, і це дизайн |
| Ширина планки | 12.99 | врівень з кільцем, зверху і знизу |
| Зазор між планкою та кільцем | 12.30 | вільний простір всередині позначки |
| Спиці повне коло | 114 ± 3 | крок 3.10°–3.23° шляхом автокореляції по чотирьох радіусах; майстер занадто грубий, щоб точно їх порахувати |
| Ширина спиці | 50% | поля, на відкритому повітрі |
| Суцільна дуга | 195°–330° | вимірюваний; з центром трохи нижче дев'ятої години |
| Загальна ширина | 126.67 | включно з досяжністю вболівальника за кільце |
Оптичний розмір
Спиця та її проміжок потребують приблизно трьох пікселів дуги, щоб прочитати їх як дві речі. Замість того, щоб намалювати спиці 114 і дозволити растеризатору їх знищити, на мітці є чотири порізи. Кільце, нецентральна порожнеча та проміжок між стрижнем і кільцем ідентичні в усіх чотирьох — вилучено лише деталь, розмір якої не може вмістити.
Усі чотири намальовані тут однакового розміру, тому різниця помітна. Кожен зазвичай видно лише в тому розмірі, для якого він вирізаний.
Колір
Кожна пара нижче вимірюється за WCAG 2.2. Три з п’яти кольорів набору не досягають 4.5:1 на папері, як зазначено: кам’яно-сірий у 2.81:1, золотий портал у 1.85:1 і туманний у 1.10:1 — тому кожен використовується там, де він проходить, і знімається той самий відтінок. де його немає. Заміни фіксуються в системі проектування.
Deep Ink
#0F1114
Заголовки, основні кнопки, темна земля
16.76:1 на Paper
Paper
#F3F1ED
Сторінка мелена
16.76:1 на Deep Ink
Portal Gold
#C8B092
Акцент тільки на темних поверхнях
9.08:1 на Deep Ink
Bronze
#7C5F3E
Посилання та позначки на світлих поверхнях
5.22:1 на Paper
Graphite
#4A4C4E
Основна копія
7.65:1 на Paper
Stone
#6B6D6B
Мікроетикетки — найлегші нейтральні
4.63:1 на Paper
Пристрої
Знак — точний предмет; сторінка, яка просто містить це, читається як сторінка з наклейкою. Ці чотири пристрої є власними вимірюваннями марки, які використовуються як структура сторінки, тому ідентифікатор і веб-сайт перестають бути двома об’єктами, які мають спільний логотип. кожен IO Patina властивість витягується з того самого набору — див. спільну тему в тема/.
пристрій 01 · Бар
Позначає заголовок кожного розділу. Найбільш впізнаваний елемент ідентичності, на кожній сторінці, багато разів, безкоштовно.
Правило 5px · повна висота рейки · колір акценту
від шток блоку 12.99
Будівництво
Одне правило, а не дві форми.
Колір
Шість значень, які несуть текст.
пристрій 02 · Правило спиці
По одному на сторінку, на основній межі сторінки. Кожен інший роздільник залишається лінією — намальована лінія зберігає свою вагу, лише якщо вона єдина.
крок 6px · навантаження 50% · висота 10px · зникає праворуч
від крок вболівальника
пристрій 03 · метал
Поверхня, а не відблиск. По одному на сторінку, за героєм або темною смугою, ніколи за текстом, який потрібно прочитати.
смужка як 13px край сторінки · кільцева мийка, вибита зверху праворуч
від опубліковані градієнти
пристрій 04 · Нецентральна порожнеча
Макет копіює асиметрію кільця: текстовий стовпець ширший за стовпець запису, а виріз «Відображення» виходить за межі сторінки.
стовпці 1.35 / 1 · позначка вийшла за правий край на 16%
від зміщення 2.53 одиниці пустоти
Бюджет на сторінку: одна металева поверхня, один виріз знака, одна темна смуга та стільки смужок і спиць, скільки розділів має вміст. Його перевищення перетворює ідентичність знову на прикрасу.
Шрифт
Усі три надсилаються з цього домену як підмножина woff2. Ніщо на сайті не запитує шрифт з будь-якого іншого місця, тому політика безпеки вмісту може повністю забороняти джерела сторонніх джерел.
Ideas, carefully made.
Змінна, 100–900. Заголовки розділів, навігація, кнопки та все читається як поточний текст. Також джерело контурів словесного знака.
Ideas, carefully made.
Заголовки сторінок і твердження, 30–62px. Ніколи не нижче 26px, де засічка перестає бути голосом і стає текстурою.
Ideas, carefully made.
Брови, записуйте рядки та кожну цифру на сайті, щоб усе, що виміряно, читалося як виміряне.
Файли
Кожен генерується з того самого модуля геометрії, за допомогою якого сайт малює свій заголовок, тому файл і живий знак не можуть не збігатися. Усі векторні.
Використання позначки
Залиште принаймні половину діаметра кільця вільним з кожного боку. Опубліковані файли вже містять його у своєму viewBox, тому достатньо розмістити їх край до краю.
Півмісяць, що перетікає віялом, є знаком. Загальне кільце – це інший логотип.
Використовуйте опублікований файл. Знак ширший, ніж висота, і масштабування однієї осі розриває коло.
Вентилятор не може працювати з таким розміром і починає шуміти. Фавікони та піктограми додатків уже мають правильний виріз.
Дозвіл
Знак IO Patina і словесний знак є товарними знаками IO Patina LLC. Наведені вище файли опубліковані, щоб будь-хто, хто пише про компанію або посилається на неї, міг правильно представити її.
Вони можуть використовуватися для позначення IO Patina LLC та його продуктів. Їх не можна використовувати, щоб пропонувати схвалення, партнерство чи приналежність, яких не існує, і їх не можна включати у власні знаки іншої організації.
Для будь-якого іншого використання або для блокування, ця сторінка не публікується, пишіть legal@iopatina.com.
