Знак
Основной вариант и единственный, который работает в малом размере.
Бренд
Знак и его отражение
Каждая модель это планета. Antimatter это двигатель. Вот как это нарисовано: знак, имя, цвета и шрифты, вместе с файлами, чтобы ими пользоваться.
Знак
Кольцо и его зеркальное отражение по ту сторону горизонта. Материя над линией, антиматерия под ней в цветах спектра, чуть не доходя до линии, как отражение в воде.
Имя рядом со знаком
Знак в полтора раза больше кегля, имя набрано Space Grotesk Medium, с узким зазором: гаснущий хвост горизонта заполняет промежуток между ними.
Логотип
Знак рядом с коротким именем, для большинства случаев.
Официальный логотип
С полным именем, Antimatter Compute, для юридических и официальных мест.
Вертикальный логотип
Имя под знаком, для квадратных мест.
Словесный знак
Только имя, когда знак уже стоит рядом.
Имя
- Antimatter Compute
- Полное имя продукта: юридические и официальные места, магазины приложений и первое упоминание в длинном тексте.
- Antimatter
- Везде остальное: интерфейс, заголовки, знак, разговор.
Всегда с заглавной буквы. Никогда одним словом, никогда как домен, никогда заглавными как имя в тексте, никогда сокращённо AM.
Цвет
Сайт только тёмный. Чернила на пустоте, один акцент для того, что можно нажать, и цвета спектра для отражения, одной фразы в заголовке и прыжка.
Фон и чернила
Пустота
#020205
Фон, не для текста
Поверхность
#08080f
Фон, не для текста
Вуаль
#0e0e18
Фон, не для текста
Линия
#16161f
Фон, не для текста
Бледный
#5f5f74
3,3:1 на пустоте
Приглушённый
#78788f
4,8:1 на пустоте
Мягкие чернила
#b9b9cc
10,7:1 на пустоте
Чернила
#d6d6e4
14,4:1 на пустоте
Акцент
#6b4dff
4,0:1 на пустоте
Нажатый акцент
#4636e6
2,8:1 на пустоте
Спектр айдентики
Всегда в этом порядке, синий первым. Белый это одна точка света, никогда не заливка, не поверхность и не цвет текста.
Электрический синий
#2e7bff
5,3:1 на пустоте
Фиолетовый
#9b4dff
4,8:1 на пустоте
Яркий пурпурный
#ee38a8
5,6:1 на пустоте
Белый аннигиляции
#f7f4ff
19,0:1 на пустоте
На белой бумаге
Только для светлого варианта знака, на бумаге и на чужих белых страницах. Сам сайт никогда не бывает светлым.
Чернила на белом
#14141c
18,3:1 на белом
Синий на белом
#1f66e5
5,1:1 на белом
Фиолетовый на белом
#8434f0
5,6:1 на белом
Пурпурный на белом
#d81e8f
4,6:1 на белом
Шрифт
Space Grotesk
Каждая модель это планета.
Акцидентный: заголовки, словесный знак, важные числа. Трекинг -0.02em.
Inter
Один ключ для каждой модели каталога, по цене провайдера плюс открыто названная наценка.
Наборный: всё, что читают.
ui-monospace
openai/gpt-4.1
x-antimatter-cost-microsДанные: id моделей, ключи, цены, заголовки HTTP.
Оба шрифта свободны по лицензии SIL Open Font License: Space Grotesk и Inter на Google Fonts.
Как пользоваться
Так
Оставляй свободное поле толщиной в обод со всех сторон, примерно седьмую часть ширины кольца.
- 18 px
16 pxРисуй знак размером от 18 пикселей. Меньше этого бери значок приложения, он сделан для 16.
На белом бери светлый вариант: тёмный обод, более тёмный спектр и сплошной горизонт.
Не так
Поворачивать, наклонять или переворачивать. Это отражение через ровную линию.
Перекрашивать. Чернила над линией, спектр под ней, синий слева.
Обводить, добавлять тень или свечение. Единственная точка главного варианта это весь свет, который он несёт.
И никогда не закрывай зазор под горизонтом и не рисуй отражение полным кольцом: без зазора это одно кольцо в два цвета, а не отражение.
Файлы
Каждый файл взят из брендбука, который хранится вместе с кодом. В векторах буквы переведены в кривые, поэтому шрифт им не нужен.
