Aura в деле

Back Office

В Back Office бренд это рамка, знак и точные слова; слогана там нет.

Рамка глубоким синим (градиент navy-800 → navy-900) с белой панелью, активный пункт blue-500, в левом верху знак blue-400 и «Back Office» белым (вместо плитки «A»), экран входа на светлом с полным «Aura Back Office», токены.

В продукте слоган не повторяется. В Back Office уважение видно по точности: что случилось, что дальше, когда будут цифры.

Что передаём

Back Office ждёт брендбук до переноса кита компонентов. Передаём files/tokens/backoffice/tokens.css и CHANGES.md в его формате и список изменений:

1. Палитра заменяется целиком, назначения остаются. Новые имена: blue, navy, gray, red, orange, green, violet, white, telegram.
2. Синий: brand blue-500 #026fe5 вместо #0179f8; brand-ink и brand-hover blue-600 #0062cc; brand-soft blue-50; brand-line blue-200; фокус от нового blue-500. Активный пункт рамки #026fe5.
3. Рамка: frame navy-800, frame-deep navy-900, frame-ink navy-200, frame-ink-muted navy-400; frame-raised white 5 (было 7), frame-line white 10, нажатие white 15 (новое); затемнение navy-900 20 (было 18), фокус blue-500 50 (было 55); в левом верху знак blue-400 (исходной формы: он 22,7 px) и «Back Office» белым; на экране входа «Aura Back Office» с подписью gray-500.
4. Статусы: ok, warn, risk на новые ступени; главный цвет на 500, кнопка на 600, ink на 700, soft на 50, line на 200. Сейчас у Back Office один цвет на статус (ok = green-600); для пары «главный / кнопка» и для «нажатия на тёмном» нужны новые назначения. Имена предлагаем (например, ok-strong для кнопки, frame-active для нажатия), окончательно их даёт сессия Back Office по своему закрытому списку суффиксов (scripts/tokens.test.ts).
5. Информация серая: если Back Office показывает «информацию» или «режим» синим, переводится на серые (информация) или на синий выбора (режим).
6. Убираются amber, pink, sky. Назначения amber-ink/soft, pink-ink/soft, sky-ink/soft переводятся на серые или статусы по смыслу места; переносом решает сессия Back Office.
7. Violet только для ИИ, лесенка на странице «Палитра»; назначения violet-ink/soft, которые сейчас используются не для ИИ, переводятся на серые.
8. Серые: новые ступени 50, 700, 800; ink-soft gray-600 (сейчас отступает от draft) сверить.
9. Шрифт: Inter 4 с font-optical-sizing: auto, Fira Code без лигатур, Vazirmatn для фарси.
10. Логотип: знак вместо плитки «A»; логотип в продукте и значок ИИ, когда решены на его экранах.
11. Без изменений: пружина и длительности, «Уменьшить движение», рамка с белой панелью, только светлый интерфейс, радиусы и высоты (если брендбук их не поправит).

Перенос делает сессия Back Office.

Что решается на экранах Back Office

Тени, кольцо фокуса на тёмном (сейчас blue-500 50%, видно слабо), плотность для ноутбука 13 дюймов, экран входа, иконка сайта и минимальные размеры логотипа в продукте. Значок ИИ (ИИ).

Уже решено: затемнение navy-900 20, фокус на светлом blue-500 50, левый верх рамки (знак и «Back Office»). Радиусы sm 6, md 8, lg 10, xl 16 и высоты 30 / 34 / 38 Back Office решил 16 октября; брендбук их подтверждает или правит.

Сайт компании Черновик

Первый экран называет категорию, слоган идёт вторым блоком.

• Первый экран за три секунды говорит, что это и для кого: «online casino» прямо, главная картинка показывает лобби казино оператора и Telegram Mini App, Back Office за ними.
• Второй блок «Serious brands have an aura.», под ним «Players feel it in the lobby. Partners feel it in the payouts. Investors feel it in the numbers.» и три картинки ровно про лобби, выплаты и цифры с подписями вида «14 months on Aura».
• Ниже доказательства: Month six, $0 royalty, Our cut, shown. Тексты условные, коммерческие доказательства черновые; в примере только второй блок.
• На своём сайте говорим «казино» прямо: иначе бренд стесняется индустрии, а это против уважения к делу.

Презентации

Слайды на глубоком синем, мотив только на обложке и в финале.

Глубокий синий navy-800 это лицо бренда: аватары и обложки соцсетей, промо, слайды, финалы видео, первый экран сайта, рамка Back Office. Светлый это рабочее место: продукт, документы, длинные тексты, таблицы, цены (фоны).

Мотив ауры только вместе с высказыванием (слоган, заголовок обложки) и только там, где знак главный: в презентации это обложка и финал, не каждый слайд.

Что меняется в теме презентаций

Список для сессии презентаций, тему ../presentations/theme/ правит она:

• шрифт Inter 4 и Inter Display вместо SF Pro Display (SF Pro только для личного использования, вне устройств Apple нельзя);
• цвета: #0179f8 → blue-500, #014c9d → blue-700, #6db4ff → blue-400, navy #252740 → navy-800;
• слово логотипа: Inter Tight SemiBold вместо Inter Bold; на титуле длинный «Aura Gambling», на остальных слайдах короткий «Aura»; знак на глубоком синем blue-400;
• логотип: плоский знак вместо градиента 135°;
• надзаголовок над заголовком (.eyebrow) убирается;
• глянцевые 3D-иконки (стиль soft в art.py) убираются;
• кривая back (отскок) в грамматике движения убирается;
• мотив ауры только на обложке и в финале, не на каждом слайде;
• правила сцен обновляются по странице «Сцены»;
• чёрный фон в начале и на главах: остаётся паузой или уходит в глубокий синий. Черновик

Физические вещи Черновик

Латунь только у физических вещей, и одна на вещь.

• Латунь там, где вещь отмечает наше слово или веху оператора (табличка на запуск, папка договора), или где металл есть в самой вещи (ключ, брелок, фурнитура).
• Один латунный элемент на вещь.
• Повседневное (визитки, футболки, кружки, стикеры) без латуни.
• Латунь это материал, а не цвет: на экране только как изображение предмета.
• В сценах латунь остаётся (лампы, таблички, ключ, тиснение знака): один-два предмета в кадре.
• Металл и материалы показываем 3D или съёмкой.

Мерч

Serious people have an aura.

• Мерч на глубоком синем и на белом.
• Серия «___ have an aura.»: на первом месте люди из нашего дела во множественном числе, чтобы всегда было «have» (Operators, Founders, Affiliates, Risk managers, Developers); без отделов, шуток, предметов и обещаний про продукт.
• Фраза на спине по центру, строки почти равной длины.
• Знак на мерче не главный: вышивка или рельеф в тон.
• Главная фраза серии держит связь со слоганом.
• Русская фраза «У серьёзных людей есть аура». Черновик

Файлы