Два фона

Лицо: глубокий синий

Рабочее место: светлый

Глубокий синий это лицо бренда, светлый это рабочее место.

Фоны в деле

Глубокий синий для лица, светлый для работы.

Глубокий синий navy-800: аватары и обложки соцсетей, промо, слайды, финалы видео, первый экран сайта, рамка Back Office.
Светлый: продукт, документы, длинные тексты, таблицы, цены.
Продукт только светлый, с тёмной рамкой.
Настроение казино на сайтах дают живые обложки игр, а не цвет бренда.

Payments

Withdrawals

Deposits

Adjustments

Players

AI review

Withdrawals

12 new · oldest 4 min

Approve 3

New 12In progress 4Paid

Lukas BauerWD-4812Review€2 400.00

Sofia RossiWD-4813Paid€860.00

Jan NovákWD-4810Rejected$1 120.00

Payout failedNetPay declined the card. Ask the player for another method.

Hot wallet is lowTop up before 18:00 or payouts pause.

Limits change on MondayDaily withdrawal limit goes to €10 000.

Aura AI

Three accounts share one device and card. Hold the payout and ask for KYC.

ApproveApproveSignHoldRejectCancel

Search players

11 dayscontract to first deposit

10%royalty, nothing on top

Serious brands have an aura.

LuckyStar, NordSpin, все числа и сроки условные; коммерческие условия черновые.

Чего избегать

Не делайте продукт целиком тёмным.
Не заменяйте белый «бумагой».
Не добавляйте свечения и неоновые градиенты.

Палитра Черновик

Палитра одна и хранится в OKLCH; hex только для справки.

Значения в OKLCH, hex выводится из них и служит справкой.
Один оттенок на семейство, плавные шаги.
Одно семейство холодных серых.
Фиолетовый только для ИИ.
Цвет Telegram только для входа через Telegram.
Латунь это материал, а не цвет: только у физических вещей.
Палитры графиков пока нет.

blue, синий бренда

blue-25 Черновикoklch(0.985 0.009 262)#f7faff

blue-50oklch(0.966 0.016 262)#eef4ffвыбрано, подложка

blue-100 Черновикoklch(0.923 0.036 262)#d9e6fe

blue-200oklch(0.88 0.057 262)#c3d8feлиния выбора

blue-300 Черновикoklch(0.798 0.104 259)#94bfff

blue-400oklch(0.718 0.15 256)#61a5ffзнак и акцент на тёмном

blue-500oklch(0.56 0.198 257)#026fe5бренд, кнопка, ссылка

blue-600oklch(0.513 0.182 257)#0062ccнаведение

blue-700 Черновикoklch(0.449 0.15 258)#1251a6

blue-800 Черновикoklch(0.371 0.12 259)#123d7e

blue-900 Черновикoklch(0.301 0.09 260)#102c5a

navy, глубокий синий

navy-200oklch(0.815 0.049 263)#b2c3e3текст на рамке

navy-300oklch(0.745 0.06 263)#99add3подпись продукта на синем

navy-400oklch(0.675 0.072 263)#7f97c4подписи на рамке

navy-500 Черновикoklch(0.513 0.085 263)#4d6698

navy-600 Черновикoklch(0.351 0.091 263)#20386a

navy-700 Черновикoklch(0.283 0.077 263)#14284f

navy-800oklch(0.238 0.069 263)#0c1d3fрамка, лицо бренда

navy-900oklch(0.209 0.053 263)#0b1730низ градиента

gray, холодные серые

gray-25oklch(0.992 0.001 263)#fcfcfdфон, наведение

gray-50oklch(0.979 0.003 263)#f7f8faшапка таблицы, инфо

gray-100oklch(0.966 0.005 263)#f2f4f7линии строк

gray-200oklch(0.943 0.006 263)#eaecf0разделители

gray-300oklch(0.871 0.012 263)#d0d5ddрамки полей, недоступное

gray-400oklch(0.709 0.028 263)#98a2b3подсказки

gray-500oklch(0.545 0.034 263)#667085подписи

gray-600oklch(0.442 0.035 263)#495367обычный текст

gray-700oklch(0.365 0.035 263)#353f51текст инфо

gray-800oklch(0.287 0.034 263)#222b3c

gray-900oklch(0.21 0.034 263)#101828главный текст

red, ошибка (risk)

red-50oklch(0.975 0.013 25)#fff4f2подложка

red-200oklch(0.899 0.055 25)#ffd0cbлиния

red-500oklch(0.628 0.198 28)#e8483eглавный: значки, рамки

red-600oklch(0.59 0.198 28)#da3a32кнопка

red-700oklch(0.494 0.169 29)#ad2a20текст

orange, предупреждение (warn)

orange-50oklch(0.975 0.02 83)#fdf6e8подложка

orange-200oklch(0.899 0.095 80)#ffd795линия

orange-500oklch(0.722 0.163 58)#ef8721главный: значки, рамки

orange-600oklch(0.68 0.162 58)#e07a03кнопка

orange-700oklch(0.515 0.145 45)#a84505текст

green, успех (ok)

green-50oklch(0.975 0.018 156)#eefbf2подложка

green-200oklch(0.899 0.07 156)#b9eccbлиния

green-500oklch(0.595 0.145 155)#099757главный: значки, рамки

green-600oklch(0.551 0.136 155)#01884dкнопка

green-700oklch(0.488 0.119 155)#057340текст

violet, только для ИИ

violet-50oklch(0.969 0.016 292)#f5f3ff

violet-100oklch(0.93 0.035 292)#e8e4fe

violet-200oklch(0.859 0.071 292)#d1c9fc

violet-400oklch(0.659 0.171 292)#967af0

violet-500oklch(0.559 0.21 292)#7c50e2

violet-700oklch(0.449 0.201 292)#5d2db8

white и telegram

whiteoklch(1 0 0)#ffffff

telegramoklch(0.6623 0.1334 235.92)#229ed9только вход через Telegram

Чего избегать

Не берите hex как источник цвета.
Не заводите второе семейство серых: синеватые фоны это светлые ступени синего.
Не добавляйте розовый, голубой и янтарный: их работу делают серые и статусы.

Синий

В продукте синий значит только действие, выбор, фокус или ссылку.

Синий бренда blue-500: #026fe5, oklch 0.56 0.198 257.
Синий бренда один; интерфейс берёт соседние ступени по размеру элемента.
На лицевых поверхностях синеватым может быть фон (светлые ступени синего), но не текст и не линии.
Информация серая; режим показывается синим выбора.

Продукт: Back Office, документы

Синий оттенок всегда что-то значит. Всё без смысла нейтрально-серое.

✓ Выбрано

Lukas Bauer	€2 400
Sofia Rossi	€860
Jan Novak	$1 120

Синий фон и полоса значат «эта строка открыта справа».

✕ Синева для красоты

Lukas Bauer	€2 400
Sofia Rossi	€860
Jan Novak	$1 120

Синеватая «зебра» ничего не значит, и выбранную строку уже не отличить. Нужен серый.

✓ Активно, фокус, ссылка

New 12Paid

Sofia

Withdrawal #4812 · Open player

Синий отмечает текущую вкладку, поле в фокусе и то, на что можно нажать.

✕ Синий текст без действия

New 12Paid

Requested 4 min ago
Germany · EUR · Card

Синеватая подпись выглядит как ссылка, но на неё не нажать. Подписи серые.

✓ Информация

Payment provider switchedPayFlow is down. Deposits go through NetPay since 23:44.

Информация серая: синяя метка сливается с выбранной строкой.

✕ Синие карточки отчёта

$48 210GGR

2.9%reg2dep

Обычные цифры в синих плашках читаются как «что-то особенное». Карточки белые с серой линией.

Лицо бренда: сайт, презентации, промо

Синеватый фон можно ради атмосферы. Текст и линии всё равно серые.

✓ Фон раздела

Launch your online casino on Aura.

Tell us your market. We assemble it.

Games10 000+ titles

PaymentsCards, crypto, TON

Лёгкий синий фон отделяет раздел и звучит как Aura. Карточки белые, текст серый.

Тест для любого макета. В продукте: если есть синий оттенок, спроси, что он значит. Нет ответа, значит серый. На лицевых поверхностях: синеватым может быть фон, но не текст и не линии.

LuckyStar, NordSpin, все числа и сроки условные; коммерческие условия черновые.

Чего избегать

Не ставьте синий без смысла: оттенок без действия, выбора, фокуса или ссылки это ошибка.
Не показывайте информацию синим или голубым.

Статусы

Статус показывается парой: главный цвет на ступень светлее кнопки.

Главный цвет (значки, точки, рамки) на ступень светлее кнопки.
Белый на кнопках ошибки и успеха: контраст 4,5; текст сообщения на своей подложке 5,55-6,2.
Кнопка предупреждения orange-600 с белым текстом: контраст 3,0, только полужирный текст от 13 px.
Информация серая: подложка gray-50, линия gray-200, текст gray-700, значок gray-500.

Ошибка (risk)

главный 500

Block playerкнопка 600, белый текст 4,5

Payout failedNetPay declined the card. Ask the player for another method.

подложка 50, линия 200, текст 700: 6,2

Предупреждение (warn)

главный 500

Review KYCкнопка 600
Исключение: 3,0. Только полужирная и не мельче 13 px

KYC expires in 3 daysAsk for a new document.

подложка 50, линия 200, текст 700: 5,5

Успех (ok)

главный 500

Approve 3кнопка 600, белый текст 4,5

Payout sent€860.00 in 41 seconds.

подложка 50, линия 200, текст 700: 5,6

Информация

значок gray-500

Limits change on MondayDaily withdrawal limit goes to €10 000.

подложка 50, линия 200, текст 700: 10,0

Чего избегать

Не ставьте тёмный текст на оранжевое.
Не затемняйте оранжевую кнопку до контраста 4,5: она становится коричневой.

Наложения

На тёмном поверхности и линии делаются наложением белого.

white 5: поверхность и наведение на тёмном.
white 10: линия на тёмном.
white 15: нажатие на тёмном.
navy-900 20: затемнение под окнами.
blue-500 50: кольцо фокуса, на светлом и на тёмном.
Наложения только из цветов палитры и только поверх известного фона.

white 5поверхность на тёмном

Deposits

white 5наведение на тёмном

white 10линия на тёмном

Deposits

white 15нажатие на тёмном

navy-900 20затемнение под окнами

Approve 3

blue-500 50кольцо фокуса

5: поверхность и наведение на тёмном

Наведение в меню

Карточки цифр на лендинге

Talk to the team

Launch your online casino on Aura.

Talk to the teamSee a live demo

35+brands launched

11 dayscontract to first deposit

10%royalty, nothing on top

Таблица цен на слайде

Everything you pay, before you sign.

Launch	€14 000
Hosting and support	€920 / month
Royalty	10% GGR

10: линия на тёмном

Переключатель брендов

Кнопка-контур и разделители на лендинге

Talk to the team

Launch your online casino on Aura.

Talk to the teamSee a live demo

35+brands launched

11 dayscontract to first deposit

10%royalty, nothing on top

15: нажатие на тёмном

Нажатый пункт меню

Нажатая кнопка-контур

Talk to the team

Launch your online casino on Aura.

Talk to the teamSee a live demo

35+brands launched

11 dayscontract to first deposit

10%royalty, nothing on top

20: затемнение под окнами

Диалог в Back Office

WD-4812 · Lukas Bauer · €2 400.00

WD-4813 · Sofia Rossi · €860.00

WD-4810 · Jan Novák · $1 120.00

Reject payout?The player sees the reason.

Панель игрока справа

Lukas Bauer · Germany · VIP

Sofia Rossi · Italy

Jan Novák · Czechia

Lukas BauerBalance €3 120.00Last deposit 2 h ago

Лист в Telegram Mini App

WD-4812 · €2 400.00

WD-4813 · €860.00

WD-4810 · $1 120.00

Approve payout?€2 400.00 to Lukas Bauer

Approve

50: кольцо фокуса

На светлом

Reason for the player

ApproveHoldView player

WD-4812 · Lukas Bauer · €2 400.00

Пункт меню на тёмном

LuckyStar, NordSpin, все числа и сроки условные; коммерческие условия черновые.

Чего избегать

✓Фон и линия наложением белого

11 dayscontract to first deposit

10%royalty, nothing on top

Фон white 5, линия white 10.

✕Не смешивайте материалы

11 dayscontract to first deposit

10%royalty, nothing on top

Фон наложением, обводка ступенью палитры.

LuckyStar, NordSpin, все числа и сроки условные; коммерческие условия черновые.

Не подбирайте доли на глаз и не кладите чёрные наложения: только шкала 5, 10, 15, 20, 50.
Не кладите белые наложения на светлое: там ступени палитры.

Файлы

Цвета и токены

Скачать всё одним архивом

brand.css	стили	4 КБ
tokens.json	данные	10 КБ

Токены для Back Office

Скачать всё одним архивом

backoffice/tokens.css	стили	10 КБ
backoffice/CHANGES.md	описание	7 КБ