Бренд
Отметьте, как он построен, и файлы, которые 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 на бумаге, как заявлено — Stone Grey в 2.81:1, Portal Gold в 1.85:1 и Mist в 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.
