Brand reference
Два направления знака для выбора. Ниже — обе версии в тех размерах, в которых знак реально живёт: 16px во вкладке браузера, 32px в навигации, 96px в аватаре. Решение принимается по мелким размерам, не по герою.
01 / Directions
Знак в двух направлениях
Одна геометрия, два способа её провести. Радиус дуги 29,6 выведен из хорды 56 и стрелки 20 — дуги стыкуются по касательной, поэтому вершины не образуют залома.
A — Око-нуль
organicVesica piscis, derived radius 29,6. Reads as a zero small and as an eye large. Warmer; the curve carries the myth.
B — Рунический монолит
carvedThe same silhouette cut straight, as a rune is chiselled. Colder, more technical, and it survives 1-bit output better.
02 / Scale
Читаемость по размерам
Верхний ряд — полная версия с радужкой. Нижний — simplified: кольцо снято, потому что ниже ~24px оно смыкается в кляксу. Именно simplified уходит в favicon.
A — Око-нуль
B — Рунический монолит
03 / 1-bit
Однобитный тест
Штамп, вышивка, факс, favicon на low-DPI. Без полутонов и без цвета: если знак разваливается здесь, он развалится в проде.
04 / Lockups
Логотип и вордмарк
Вордмарк остаётся текстом плюс один инлайновый SVG, а не контурами: имя студии должно выделяться, искаться и читаться скринридером. Знак сидит на 1em и наследует currentColor.
A — Око-нуль
B — Рунический монолит
05 / Monogram
Аватар
Квадрат с обводкой — часть знака в этом размере, а не подложка: он даёт глифу определённую границу, когда тот лежит на неизвестном цвете (список в мессенджере, вкладка, выдача).
06 / Runes
Рунический набор
Ни одна из трёх гарнитур сайта не покрывает U+16A0–16F8, поэтому руны нарисованы, а не набраны. Butt caps и miter joins: вырезанный штрих заканчивается плоско.
- ansuz“a”
- dagaz“d”
- isa“i”
- naudiz“n”
- sowilo“s”
- tiwaz“t”
- raido“r”
- kaunan“k”
- othala“o”
- wunjo“w”
07 / Colour
Палитра знака
Cyan — единственный акцент, разрешённый знаку. Green зарезервирован за терминальным слоем и в брендинге не используется: два неоновых акцента рядом читаются как ошибка, а не как система.
- surface-0
- surface-1
- surface-2
- line-strong
- cyan
- cyan-dim
- text-1
- text-3
08 / Tiers
Тиры отрисовки
Приёмка сцены по §10.2 требует увидеть все четыре тира на реальных экранах. На восьмиядерном десктопе проба всегда даёт T3, поэтому здесь есть способ закрепить тир ниже — вверх закрепить нельзя, проба остаётся последним словом о возможностях устройства.
Текущий тир
T0 · static
Значение после гидратации. Сервер всегда отдаёт T0, поэтому первый кадр — постер; если здесь остался T0 на способном устройстве, значит клиентский JS не выполнился.
Закрепить и перезагрузить
- Постер, без canvas
- 2D / CSS-движение
- WebGL2 без постобработки
- WebGL2 + постобработка
Понижение действует сразу, без перезагрузки — это тот же путь, которым сцена реагирует на просадку кадров. Закрепление живёт в сессии вкладки.