Собрано заново, с нуля, по вашим ответам. Характер — живой и человечный: главное обещание в том, что материалы не выглядят машинными, при этом решения смелые и форматы новые. Отсюда следует то, чего я раньше не понимал: плоская стерильная геометрия в двух цветах — это и есть нынешний машинный дефолт, и она прямо противоречит обещанию бренда.
Написание пробуется во всех трёх видах, как вы сказали: MADOPUS одним словом, MAD OPUS двумя, MADopus разным начертанием. Шрифты — четырнадцать разных, все выведены из одного скелета разным инструментом: это и есть леттеринг, где сначала скелет, а потом чем его обвести. У каждого знака своё движение, потому что сайт будет живым, и анимация должна быть заложена в форму, а не придумана после.
Порядок не переставляется. Каждый шаг имеет выход, который проверяется, прежде чем идти дальше.
До формы. Одной фразой: зачем компания существует и как она должна ощущаться. Без этого «уместность» — первый критерий у C&G&H — проверить нечем.
ВыходЗаписать характер в трёх-четырёх словах и список того, чем бренд быть не должен.
Первые десять идей всегда уходят в клише. Пока список не выписан, генерация бессмысленна.
ВыходСписок запрещённого висит перед глазами на всех следующих шагах.
Пять осей: масса, структура, геометрия, отношение к слову, поведение. Форма выводится из пересечения, а не придумывается.
ВыходМатрица. Каждое пересечение — потенциальный знак.
Буква названия · механика продукта · артефакт ремесла · метафора обещания · перенос из чужой профессии. Пять вариантов одной идеи не считаются.
ВыходНе меньше двадцати концептов, различных по типу источника.
Отбраковка идёт по силуэту. Рисовать крупно и радоваться — самообман: на 16 px половина рассыпается.
ВыходКаждый эскиз сразу в 16 и 26 px.
«Мы не притрагиваемся к цвету, пока не найдена отличительная присваиваемая силуэтная форма». Цвет спасает слабую форму ровно до первого монохромного носителя.
ВыходВесь отбор в чистом чёрном.
Тяжёлый знак требует тяжёлого набора, линейный — светлого. Один шрифт на все варианты — признак того, что типографику не выбирали.
ВыходСвоё начертание под каждый знак: вес, ширина, контраст, окончания.
Анимация не придумывается после. У формы должно быть встроенное поведение: что двигается, что стоит, сколько миллисекунд.
ВыходОдна фраза движения на каждый знак, до отрисовки.
Овершут, диагонали, иррадиация. Каждое отклонение от сетки записывается прямо в файл, иначе следующий человек «исправит» его обратно.
ВыходАннотированный исходник.
Три критерия, восемь механических проверок, признаки машинной работы и шкала разнообразия набора. Отвергнутое — с причиной-наблюдением, а не с оценкой.
ВыходСписок выживших и список вырезанных.
Человек не может выбрать по форме на белом. Только по тому, как знак живёт: вкладка, шапка, аватар в ряду чужих, подпись в письме, подпись в работе.
ВыходКаждый финалист во всех носителях.
В C&G&H знак проверяют у юриста прежде, чем показать клиенту. Иначе выбранный вариант может оказаться незащитимым.
ВыходПоиск по базам до финального выбора.
У каждого свой шрифт, форма, смысл и поведение. Движение работает прямо здесь — наведите или просто смотрите. При системной настройке «уменьшить движение» анимация отключается.
СмыслЧасти нельзя разнять сдвигом: точная сборка, а не две плашки рядом. Прямая метафора того, что материал собирается точно, а не лепится.
ДвижениеПри наведении правая часть отъезжает на модуль и возвращается — замок показывает, что он замок.
НаписаниеMADOPUS · Палитрахвоя · латунь
СмыслMAD — это не только инициалы, это слово. Сумасшедше круто. Восклицательный знак берёт ровно этот смысл и ничего больше.
ДвижениеТочка подпрыгивает при загрузке страницы — один короткий отскок, дальше покой.
НаписаниеMADopus · Палитрауголь · алый
СмыслOpus в музыке — номер произведения. Точка и три штриха читаются как «опус такой-то»: у каждой работы есть номер.
ДвижениеШтрихи набегают слева направо, как счётчик, и останавливаются.
НаписаниеMAD OPUS · Палитраночь · барвинок
СмыслГлавное обещание бренда — «не выглядит сгенерированным». След пера отвечает на него прямо: машина такого не оставляет.
ДвижениеЛиния прорисовывается за 900 мс, как будто её ведут рукой.
НаписаниеMADOPUS · Палитрасепия · терракота
СмыслСкорость генератора при качестве студии. Семь фаз одного объекта: видно, что он двигался быстро и остановился точно.
ДвижениеФазы гаснут слева направо, остаётся одна резкая форма.
НаписаниеMADOPUS · Палитраграфит · бирюза
СмыслЗнак вставки означает «здесь пропущено, вставить». Между дешёвым инструментом и дорогой студией пропущено звено — мы.
ДвижениеВерхняя черта мигает как текстовый курсор: 1,1 с цикл.
НаписаниеMAD OPUS · Палитраасфальт · янтарь
СмыслПрезентация в виде лендинга — формат, которого нет на рынке. Знак показывает ровно это: слайд разворачивается в полосу.
ДвижениеПравый блок вытягивается по вертикали и возвращается — 700 мс, ease-out.
НаписаниеMADOPUS · Палитраиндиго · лазурь
СмыслВся форма проведена не отрывая пера. Читается как M и как путь — от начала до конца без остановки.
ДвижениеЛиния рисуется от начала к концу, 800 мс.
НаписаниеMADOPUS · Палитрахвоя · трава
СмыслOpus — произведение. Кавычки открывают его название. Мы делаем не файлы, а произведения, у которых есть имя.
ДвижениеКавычки разъезжаются, между ними появляется полоса — 600 мс.
НаписаниеMAD OPUS · Палитраслива · марсала
СмыслКлеймо ставит тот, кто отвечает за работу. Край намеренно неровный: печать физическая, а не отрисованная.
ДвижениеПечать припечатывается: масштаб 1,12 → 1 за 220 мс, резко.
НаписаниеMADOPUS · Палитрасажа · сурик
СмыслМатериал делается за дни, а не недели. Заполненная на две трети полоса — про темп, а не про рост.
ДвижениеЗаполняется от нуля до 62% за 1,2 с, дальше стоит.
НаписаниеMADOPUS · Палитрасталь · оранж
СмыслМаксим, Антон, Дмитрий. Средний смещён вниз — не иерархия, а живая неровность: команда, а не строй.
ДвижениеСредний штрих выравнивается с крайними и снова отходит.
НаписаниеMAD OPUS · Палитраночь · охра
СмыслПрямой шов плюс один зуб. Минимальное изменение, при котором прямоугольник перестаёт быть прямоугольником.
ДвижениеЗуб выдвигается и входит обратно, 450 мс.
НаписаниеMADOPUS · Палитраграфит · коралл
СмыслТемп задаём мы. Не скорость ради скорости, а ритм, который держится.
ДвижениеСтрелка качается ±14°, 1,6 с, бесконечно.
НаписаниеMADOPUS · Палитрачернила · ирис
СмыслТочность у нас есть, но результат не выглядит машинным. Сетка под низом, а сверху то, что рукой.
ДвижениеПятно медленно меняет форму, сетка стоит.
НаписаниеMADOPUS · Палитрамох · медь
СмыслНовые форматы: содержимое не помещается в стандартную рамку и выходит за неё. Не бунт ради бунта, а следствие.
ДвижениеПолоса выезжает за рамку на 14% и возвращается.
НаписаниеMADopus · Палитрачёрный · неон-грин
СмыслМы открываем то, что было закрыто ценой: студийное качество становится доступным.
ДвижениеПравая створка отходит на 22° и возвращается.
НаписаниеMAD OPUS · Палитраглубина · шафран
СмыслМы диджитальные до конца. Курсор — самый честный знак цифрового ремесла, и он не занят в нашей категории.
ДвижениеКлик: сжатие до 0,92 и кольцо расходится.
НаписаниеMADOPUS · Палитраночь · электрик
СмыслЛига связывает две ноты в одно звучание. MAD и OPUS — два слова, одно произведение.
ДвижениеДуга прорисовывается от левой ноты к правой.
НаписаниеMAD OPUS · Палитраграфит · лаванда
СмыслСотни идей вокруг одного ядра. Первая — презентация как лендинг, дальше остальные.
ДвижениеЧасть точек вращается вокруг центра, ядро неподвижно.
НаписаниеMADOPUS · Палитратёмная хвоя · изумруд
СмыслДве скобки держат то, что между ними. Инициалы держат произведение.
ДвижениеСкобки сжимаются к центру и расходятся, 700 мс.
НаписаниеMAD OPUS · Палитраиндиго · золото
СмыслOpus 0 — то, что делается до первого номера. Наглость первой работы, которая уже на уровне.
ДвижениеПрорезь поворачивается на 180° за 900 мс.
НаписаниеMADopus · Палитрачёрный · фуксия
СмыслФактура вместо стерильности. Плотность растёт по диагонали — форма собирается из зерна, а не заливается.
ДвижениеОтдельные зёрна едва дрожат — движение почти незаметно, но экран не мёртвый.
НаписаниеMADOPUS · Палитратушь · охра