Брендбук
Теос
Логотип
Знак строится на серифной форме «Теос» с курсивным дескриптором «Наследие Богини». Основное использование — на тёмном фоне в палитре «Камень»; альтернатива — на пергаментной светлой основе. Градиент знака повторяет фирменное золото бренда.
Цвет
Основная палитра «Камень» — глубокие нейтральные оттенки с тёплым золотом акцентов. Фракционные цвета используются для маркеров принадлежности (Альянс Света — голубой, Союз Ярости — кармин). Имена токенов соответствуют CSS-переменным.
Типографика
Заголовки — Cormorant Garamond (серифная классика). Интерфейс — Manrope. Технические надписи и подписи к иллюстрациям — JetBrains Mono. Пара по умолчанию называется .fp-a; на сайте также подключены варианты .fp-b/c/d для тематических экспериментов.
Наследие старого Теоса
Альянс Света и Союз Ярости
Битва за Звёздный храм
События разворачиваются в отдалённом мире под названием Теос. Древний раздор богинь Дейдры и Риэли вновь разгорается, и игрокам предстоит выбрать сторону.
[ illustration · 1920×1080 ]Иконография
Иконки рисуются как тонкие линейные пиктограммы внутри квадратного поля 24×24, обводка 1.4–1.6 px, без заливок. Угловые соединения скругляются. В цвете — золото или приглушённый текст; интерактивные состояния — переход к --gold-bright.
Кнопки
Две роли: .btn — стандартная (контурная), .btn--gold — главное действие. Модификаторы размера: .btn--sm, .btn--lg. .btn--ghost — для второстепенных действий без подложки.
Стандарт · .btn
Главная · .btn--gold
Бейджи и редкости
.badge — компактные метки статусов; .badge--dot добавляет статус-точку слева. Шкала редкости предметов — фиксированная: Обычное · Редкое · Эпич. · Легенд. · Свет · Ярость.
Панели и карточки
Контентные блоки строятся на классе .panel. Без модификаторов — голая рамка для собственного заполнения. .panel--padded добавляет внутренний отступ, .panel--ornate — паддинг + вторую внутреннюю рамку и золотые угловые орнаменты для «парадных» блоков.
.panel--padded
Стандартный контейнер для контента без декора. Используется для большинства внутренних блоков сайта.
20px 24px 24px, тонкая рамка --line..panel--ornate
Для важных секций: новостных лент, ключевых CTA-блоков, шапок разделов магазина и оружейной.
.item-card · карточка товара
◈ справа..panel + .panel-head
Уведомления
Информационные плашки .alert с круглой иконкой слева, заголовком и текстом. Модификаторы: --info (золото), --warn (тёплый), --ok (зелёный). Левая полоса 3 px — цвет полосы соответствует роли.
Формы
Поля имеют единый стиль: тёмная подложка, тонкая рамка, золотой фокус-ring. Метки — мелкий капс-шрифт .eyebrow-стиля.
Сетка и отступы
Максимальная ширина контента — 1440 px с горизонтальным паддингом 32 px. Внутренняя сетка — 12 колонок с гэпом 32 px. Длинная проза (политики, правила) ограничивается до 860 px для читаемости. Вертикальные отступы кратны 8 px.
Tone of voice
Спокойный, уважительный, ремесленный голос. Мы — хранители наследия классической MMORPG, а не маркетологи. Пишем кратко, с уважением к ветеранам и без воды.
Так пишем
- «Возвращаем дух классического PvP»
- «Старый дух противостояния»
- «Серверы готовятся к запуску»
- Кратко, без воды, с уважением к ветеранам
- Сохраняем терминологию старого Теоса
- Прозрачно говорим о сроках и решениях
Так не пишем
- «Жми сюда!», «Скорее!», «Ультимативный»
- Маркетинговый хайп и кликбейт-заголовки
- Сленг киберспорта (esports, GG, throw)
- Эмодзи в основном тексте
- «Pay-to-win», «лутбоксы», «премиум-эксклюзив»
- Капс без необходимости