Фирменный стиль
Навсегда.
Марка - это решение, и решение - это работа.Мы многое делаем с целью: дополнительные восемьдесят девять - это то, как тот, кто выживает, зарабатывает свое место.Идентификационные системы, логотипы, правила типа и цвета и набор файлов ваша команда может фактически работать без нас.
Рамка 2.667:1 · соотношение нашего собственного портфеля
Исследуйте галерею ниже, чтобы увидеть каждый знак подробно, от первой идеи до ее окончательной формы.
Стратегия первая, дизайн вторая, результаты всегда
Сократить.
Повторить.
Улучшить.
Затем дать дышать.
Четыре глагола, в этом порядке.Все остальное на этой странице является одним из них.
Идентификация — это набор правил,
не изображение логотипа.
Позиционирование & Narrative
Одно предложение ваш конкурент не мог подписать.Все вниз - это следствие этого.
02Название и вербальная идентичность
Имена, тон, капитализация и слова, с которыми вам придется жить на каждой этикетке.
03Логотип
Литературные формы, нарисованные или корректированные вручную, разрезанные для чтения на 16 пикселей и вырезанные на 16 метров.
04Символ и монограмма
Форма, которая выживает, когда вышивается, печатается, размером с фавикон и печатается неправильно.
05Тип системы
Две роли, масштаб, правило отслеживания.Лицензии в ценах и названиях в передаче.
06Цветная система
Один акцент, три нейтрала и контрастная арифметика, напечатанная рядом с каждым значением.
07Правила Grid & Layout
Маржины и модули для печати и экрана, так что не-дизайнер все равно может настроить страницу.
08Иконография и иллюстрация
Вес удара, радиус угла и библиотека, построенная раз, а не заимствованная навсегда.
09Движение и звуковое поведение
Как прибывает марка, сколько времени она занимает и чего она никогда не делает.
10Руководство & Handoff
Письменное правило для каждого элемента, редактируемый набор источников и человеческий вопрос.
Наши пять принципов бренда
Вкус сложнее вычислить, чем арифметический, поэтому мы записываем правила.Это части аргумента, которые выживают у клиента, принтера и перепланировки.
Откуда берется цветЯсность перед сложностью.
Если словарь трудно прочитать в том размере, в котором он действительно будет виден, чертеж неверный.
Согласованность создает признание.
Система читается как система, когда повторяется одна идея: одна связь, один радиус, один вырезанный угол.
Скалирование от фавикона до билборда.
Мы рисуем фавикон и значок, прежде чем мы одобрим локоп, потому что это два конца, с которыми ваша аудитория действительно встретится.
Работает сначала в черно-белом.
Цвет спасает слабую отметку и скрывает посредственную.Если он не работает в одном черниле, он не закончен — см. шесть поверхностей ниже.
Система бренда превосходит любое логотип.
Правила вокруг него — тип, цвет, промежуток, тон, движение — это актив, который продолжает платить в течение десятилетия.
Что вы получите в конце проекта
Восемь панелей, одна страница.Все, что маркетинговый менеджер, принтер и разработчик должны сказать громко, так что никто не должен гадать снова через шесть месяцев.
Горизонтальный, сложенный, только символ, одноцветный обратный
Четыре строения, каждая из которых имеет свою ясную коробку, нарисованную на артборе.
4 состояния, вес одного удара, сетка 24 пк
По умолчанию, активный, деактивированный, обратный. вытащили один раз, экспортировали навсегда.
Один акцент, три нейтрала.Все остальное — это собственное чернило клиента.
Написано один раз, в одном предложении, и прикреплено к верхней части файла.
Экраны приложений, социальные аватары, лица упаковки, знаки — показанные на реальной подложке, а не на плавучем макете.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie.
Пара является правилом, а не списком покупок.
Колода, на которой построена эта страница, сочетает Coovettica 300 для отображения с Helvetica Bold для меток интерфейса — два семейства, одна дисциплина. Этот сайт достигает той же иерархии с помощью двух оптических размеров одного переменного семейства, без лицензионных затрат и дополнительных килобайт. Меньше шрифтов — это не ограничение; это правило.
Типография, которая подходит вашему бренду
Кафе, которое было открыто в течение многих лет и выглядело как хобби.Решение не было лучшим сценарием — это было другим утверждением.
Вышеуказанные путеводители здесь перетаскиваются из доставляемого произведения искусства — векторы палубы сплощены, поэтому ничего не подняли.
Круг 1:1 и тип записывается на меньшем радиусе.Два круга, один аргумент — ничто не заметно.
Зеркало рисунок и слабые половины появляются сразу, так что мы нарисуем одну половину и исправить его.
Флот swoosh должен читать на фургоне со скоростью 60 км/ч. Тангент, где кривая оставляет букву, - это вся работа.
Сотни концепций, одна идеальная марка.
Каждая идентификация, которую мы отправляем, имеет в себе ключ для удаления: вторая идея, третья, та, которая уже есть у вашего конкурента, версия с градиентом, та, которая работает только в цвете.
Дизайн для реального мира — не только экраны
Лист 300 гм с дебоссированной маркой рассказывает вам больше об идентичности, чем сто экспортных размеров: как заполняются счетчики, сколько чернила может удерживать рубашка, выживает ли буквенное промежуточное пространство.
Затем экран, где тот же вес становится проблемой намека и правило 1 пкс становится ошибкой округления.
Grind Coffee исследование личности. Дизайн: Ahmed Hashmi.
Комплексная система типа, выбранная для вашего бренда
Иерархия исходит из размера, веса, оптического размера и пространства — не из папки лицензий.
Шкала, которую мы поставляем
Хамбургёвнс 0123456789 @&*
Клиентские проекты могут совпадать — в приложении выше используется Coovettica 300 с Helvetica Bold. На этом сайте мы поддерживаем одну и ту же иерархию с одним семейством переменных, что является пунктом правила 05.
Девятнадцать эскизов
Два оптических размера и один вес делают всю страницу.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
Модель, 16 px
Читаемая по длине; не требуется второй голос.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Капсулы Caps
12 пикселей, 600, сверху, никогда параграф.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
Система цвета вашего бренда
Мы проектируем в вашем цвете. Оранжевый цвет принадлежит нам, и он остается на этой странице. Нажмите значение, чтобы его скопировать — соотношения, напечатанные на каждом чипе, измеряются против пустоты и плиты, которую этот сайт фактически использует.
-
Algonquin Titans
-
Анкеты 2
-
Босокскурс
-
Доньки
-
Логотип Inspire Rocks
-
Логотип лифта
-
Округ Огонь Депт
-
Лев
-
Moto Club
-
30 лет Пхундун 2
-
Quins & Sons
-
Сицилийцы
-
Yellow Earth
-
Автомобильный стиральный финал
-
Контейнерный контейнер-01
- The deck's groundКаждая плита в вышеуказанном архиве сидит на этой паре: 19.54:1 между пустотой и бумагой, поэтому марки читаются как чернила.
- Cover rule, blueСобственный позвоночник портфеля запускает #3981BC в #8D32F6. На этой странице прохладный цвет — только структура — правила, фолио, фокусные кольца.
- Occupy violetСплит-комплемент апельсина, и он получает точно одно использование в любой композиции.
- Facile maroonАналогично оранжевому при 5 % лёгкости: теневой цвет светлых глав, и единственный акцент, очищенный для переноса небольшого текста на бумаге.
- This page's accentНа бумаге он измеряет 3.54:1, поэтому он никогда не устанавливает небольшой текст на светлом грунте.
- The dormant tokenТема заявляет о градиенте от фиолетового до аква, который ни одна страница в семействе не использует. Копия тела над прохладным полем устанавливается в аква- или бумажном белом — никогда в акценте.
Цветовая связь
Наш оранжевый цвет имеет оттенок 15°. Структурный синий цвет портфолио находится на 203–207° — это чистый комплемент, поэтому синий сочетается с оранжевым только как структура: разделители, нумерация, фокусы. Фиолетовый (256°) используется ровно один раз. Бордовый (347°) выступает цветом тени для светлых глав. Один насыщенный оттенок на композицию.
Арифметика контраста
Оранжевый на черном имеет контрастность 5.52:1, а на <code>#0F0F0F</code> — 5.10:1 (текст читаем). На светлой бумажной плашке контраст равен 3.54:1 — только для крупных заголовков и графики. Бордовый на светлом фоне дает 9.92:1 (одобрен для мелкого текста). Синий градиент дает 4.08:1, поэтому основной текст на холодном фоне набран бумажно-белым (19.54:1).
Rows 1-15: доминирующие чернила из 15 отправленных марок, измеряемые из файлов. Rows 16-21: собственная система палубы и акценты этой страницы, взятые из ее страниц и токенов темы. Каждое соотношение, напечатанное здесь, вычисляется, ни одно из них не отображается.
Испытаны на всех поверхностях реального мира
Так что доставка оценивается по поверхностям, на которых она будет жить, в одном цвете, по размерам, которые были измерены - и на тарелке у нее нет бизнеса.
| Токен | Свет | Темная | Используется здесь для |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Акценты, правила фолио на темных главах, фокус, палец |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Глава Земля, плоские поверхности |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Альтернативные главы, Sticky rules band |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Микрокопии, надписи, вторичный текст |
--at-fz-ds-1 | 124px | Верхняя лестница типа, потолок клапана героя | |
#6D2736 (Обработанный образец | 9.92:1 on paper | Правило фолио на светлых главах — единственный акцент, очищенный для небольшого текста | |
Бренд Mark Showcase
Нажмите на любую плашку для полноэкранного просмотра: стрелки или свайп для навигации, <kbd>Esc</kbd> для закрытия. Темный фон задуман специально — знак воспринимается как настоящая типографская тушь.
Наш процесс идентификации бренда
Обзор бренда Discovery &
Перед началом любой работы по дизайну бренда или логотипа, мы отображаем, кто вы, когда никто не покупает, что ваши конкуренты хотели бы, чтобы они могли сказать, и какие из ваших существующих активов бренда на самом деле несут нагрузку, а декоративные.
Позиционирование бренда &
Это позиционирующее заявление становится отправной точкой для каждого последующего решения о дизайне - типография, цветовая палитра, стиль иллюстрации - именно поэтому оно заперто вторым, а не рассматривается как последующая мысль в конце.
Концепт разработки & Ideation
Каждый логотип и визуальная идентичность, которую мы поставляем, соавторствуется живым в рабочем сеансе, не раскрывается вам законченным за закрытыми дверями — мы приносим объем концепций, вы приносите вето.
Дизайн & System Building
Геометрия вашего логотипа рисуется на строительной решетке, типографические роли называются размерами и весами, цвет измеряется для реального контраста, а сетки оформления построены как для печати, так и для экрана.
16 пк. 16 метров. Один цвет. Реальная поверхность.
Мы тестируем маркировку на каждом реальном размере и приложении, прежде чем вызвать готовую идентификацию бренда - фавикон, упаковочный мешок, печатный счет, стену в магазине.Все, что выживает только на дизайнерской доске, возвращается на чертежную доску, и этот круг пересмотра никогда не вычисляется отдельно.
Доставка, руководство & Постоянная поддержка
Вы получаете полный набор исходных файлов, страницу руководства бренда, размещенную на вашем собственном домене (не заблокированную в PDF, который никто не открывает), ясную конвенцию названия для каждого экспортируемого актива и девяносто дней последующих вопросов, отвечаемых без необходимости официального заказа на изменение.
Что мы не делаем (и почему это важно)
Нет шаблонов или копированных логотипов.
Ничто, что мы отправляем, не начинается с рыночного файла или опроса.Если форма была продана сорок раз, ее единственный оставшийся талант - это знакомство.
Нет перегруженных опционов.
Стена выбора - это способ избежать аргументации.Мы приносим небольшое количество направлений, каждый защищенный, каждый завершенный, каждый с рассуждениями, напечатанными рядом с ним.
Нет «идентификации бренда», что является шрифтом.
Перезагрузка существующей маркировки в новый шрифт является задачей графического дизайна, и мы будем ценить ее как одну.
Никакая доставка без полного документа руководства бренда.
Если правило не может быть записано, оно будет нарушено в производстве.Каждый элемент, который корабли имеют свой размер, промежуток, цвет и злоупотребление документированы в той же папке.
Результаты нашей идентификации бренда
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json«Ребренд не изменил наш кофе, он изменил то, что люди думали о комнате».
«Одна марка, один цвет, шесть субстратов, и никто в нашей команде не должен был спрашивать, каковы правила с тех пор».
Преднамеренно отсутствуют: «50+ марок», «24-часовой поворот», «100% оригинал».Когда их можно вытащить из отслеживания производства, они возвращаются — на этой странице и на архиве наклейки.
Бренд идентификации FAQs
Все остальное принадлежит к первому вызову, поэтому есть один ниже.
Все FAQШесть-десять недель для всей дуги — открытие и позиционирование, скульптура, систематизация, доказательство, передача.Единственный логотип без системы составляет две-три недели, и мы скажем так ясно, когда это все, что вам нужно.
Да — этот сайт является нашей собственной постройкой, и одна и та же команда кораблей переднего и заднего конца.Это самый быстрый способ убедиться, что личность выживает контакт с браузером, и это означает, что токены в книге бренда являются токенами в коде.
Затем мы проверяем его сначала.Некоторые марки нуждаются только в правиле, установленном вокруг них — корректированном логотипе, шкале типа, цвете с измеренным контрастом, четком пространстве.
Вы делаете это, за окончательную плату — источники, экспорты, шрифты, лицензированные на ваше имя, где это разрешено лицензией, и рабочие файлы с названиями слоев.
Девяносто дней вопросов приходят с передачей, и после этого большинство клиентов держат нас на световом хранилище для кампаний и новых приложений.
Готовы построить бренд, который прослужит?
Неоднозначное резюме, устаревший логотип, бренд, который никто не помнит — любой из них является правильным местом для начала.