[{"data":1,"prerenderedAt":547},["ShallowReactive",2],{"docs-article-\u002Fdocs\u002Fsite-builder\u002Fcolor-palette":3,"docs-all":294},{"id":4,"title":5,"body":6,"category":278,"categoryLabel":278,"description":279,"extension":280,"meta":281,"navigation":282,"order":283,"path":284,"pro":285,"seo":286,"stem":292,"updated":278,"__hash__":293},"docs\u002Fdocs\u002Fsite-builder\u002Fcolor-palette.md","Цветовая палитра — 7 слотов, primary и secondary",{"type":7,"value":8,"toc":266},"minimark",[9,13,17,22,69,73,84,87,119,123,126,146,150,153,165,169,172,192,195,199,231,235,241,247,251],[10,11,5],"h1",{"id":12},"цветовая-палитра-7-слотов-primary-и-secondary",[14,15,16],"p",{},"Misea не заставляет «выбирать из 3 готовых тем». Вместо этого у вас 7 отдельных слотов, которые можно настраивать с точностью до HEX + opacity. Когда палитра согласованна — сайт выглядит профессионально без дизайнера.",[18,19,21],"h2",{"id":20},"семь-слотов","Семь слотов",[23,24,25,33,39,45,51,57,63],"ol",{},[26,27,28,32],"li",{},[29,30,31],"strong",{},"Primary"," — основной бренд-цвет. Кнопки, активные ссылки, ценовые плашки.",[26,34,35,38],{},[29,36,37],{},"Secondary"," — вторичный. Используется в акцентах, hover-состояниях.",[26,40,41,44],{},[29,42,43],{},"Background"," — фон страницы. Обычно почти белый или тёмный.",[26,46,47,50],{},[29,48,49],{},"Text"," — основной текст. Должен контрастировать с Background.",[26,52,53,56],{},[29,54,55],{},"Surface"," — фон карточек, плашек, модалок. Чуть отличается от Background.",[26,58,59,62],{},[29,60,61],{},"Accent"," — привлечение внимания: красные «горячие цены», жёлтые плашки акций.",[26,64,65,68],{},[29,66,67],{},"Muted"," — приглушённый серый для подзаголовков, подсказок, разделителей.",[18,70,72],{"id":71},"как-редактировать","Как редактировать",[14,74,75,76,79,80,83],{},"Toolbar → ",[29,77,78],{},"Site"," → ",[29,81,82],{},"Палитра"," → кликаете по слоту.",[14,85,86],{},"В редакторе слота:",[88,89,90,101,107,113],"ul",{},[26,91,92,95,96,100],{},[29,93,94],{},"HEX"," — ",[97,98,99],"code",{},"#2E5BFF",".",[26,102,103,106],{},[29,104,105],{},"Opacity"," — 0–100 %.",[26,108,109,112],{},[29,110,111],{},"Lightness \u002F Saturation"," — точечная подстройка через слайдеры (не обязательно знать HEX).",[26,114,115,118],{},[29,116,117],{},"Предпросмотр"," — мини-карточка сайта обновляется в реальном времени.",[18,120,122],{"id":121},"подобрать-цвета","«Подобрать цвета»",[14,124,125],{},"Кнопка в верху окна палитры. Открывает диалог:",[88,127,128,134,140],{},[26,129,130,133],{},[29,131,132],{},"Автопалитра от Primary"," — задаёте только Primary (например, #2E5BFF), Misea подбирает согласующиеся Secondary \u002F Accent \u002F Muted на основе теории цвета (комплементарные \u002F аналогичные).",[26,135,136,139],{},[29,137,138],{},"Из картинки"," — загружаете фото вашего заведения или еды, алгоритм вытаскивает 5 доминирующих цветов → назначает их слоты.",[26,141,142,145],{},[29,143,144],{},"Из логотипа"," — аналогично, но работает на SVG.",[18,147,149],{"id":148},"фирменные-цвета","«Фирменные цвета»",[14,151,152],{},"Если ваш бренд уже имеет guidelines (например, из Tilda или Figma):",[88,154,155,162],{},[26,156,157,158,161],{},"В диалоге ",[29,159,160],{},"Фирменные цвета"," вводите HEX-коды вашего бренда.",[26,163,164],{},"Misea назначает их слотам + генерирует «рабочие» оттенки (light \u002F dark варианты).",[18,166,168],{"id":167},"валидатор","Валидатор",[14,170,171],{},"Misea проверяет палитру на:",[88,173,174,180,186],{},[26,175,176,179],{},[29,177,178],{},"Контраст Text\u002FBackground"," — должен быть ≥ 4.5:1 (WCAG AA). Иначе текст будет нечитаем.",[26,181,182,185],{},[29,183,184],{},"Primary ≠ Text"," — если цвета совпадают, ссылки и кнопки сливаются с текстом.",[26,187,188,191],{},[29,189,190],{},"Достаточная дистанция Background\u002FSurface"," — чтобы карточки визуально выделялись.",[14,193,194],{},"Предупреждение появляется плашкой под палитрой. Можно игнорировать, но читабельность пострадает.",[18,196,198],{"id":197},"общие-рекомендации","Общие рекомендации",[88,200,201,206,211,216,221,226],{},[26,202,203,205],{},[29,204,31],{}," — яркий, отличительный. Ваш брендовый цвет.",[26,207,208,210],{},[29,209,43],{}," — нейтральный: почти белый (#FAFAFA, #F9F7F4) или тёмный (#0B0D12).",[26,212,213,215],{},[29,214,55],{}," — чуть темнее Background на светлых темах, чуть светлее на тёмных.",[26,217,218,220],{},[29,219,49],{}," — ≥ 80 % контраста к Background (обычно #111827 или #F9FAFB).",[26,222,223,225],{},[29,224,61],{}," — используется точечно (1 % страницы), иначе теряет силу.",[26,227,228,230],{},[29,229,67],{}," — не слишком светлый, иначе текст будет нечитаем.",[18,232,234],{"id":233},"dark-mode","Dark mode",[14,236,237,238,240],{},"Выключатель ",[29,239,234],{}," переворачивает палитру: Background и Text меняются местами, Surface пересчитывается. Для большинства сайтов достаточно Light.",[14,242,243,244,100],{},"Автоматический Dark mode (по системной настройке гостя) — в ",[29,245,246],{},"Page → Тема → Auto",[18,248,250],{"id":249},"следующие-шаги","Следующие шаги",[88,252,253,260],{},[26,254,255,100],{},[256,257,259],"a",{"href":258},"\u002Fdocs\u002Fsite-builder\u002Ffonts-buttons","Шрифты и стиль кнопок",[26,261,262,100],{},[256,263,265],{"href":264},"\u002Fdocs\u002Fsite-builder\u002Fanimated-backgrounds","Анимированные фоны",{"title":267,"searchDepth":268,"depth":268,"links":269},"",2,[270,271,272,273,274,275,276,277],{"id":20,"depth":268,"text":21},{"id":71,"depth":268,"text":72},{"id":121,"depth":268,"text":122},{"id":148,"depth":268,"text":149},{"id":167,"depth":268,"text":168},{"id":197,"depth":268,"text":198},{"id":233,"depth":268,"text":234},{"id":249,"depth":268,"text":250},null,"[object Object]","md",{},true,100,"\u002Fdocs\u002Fsite-builder\u002Fcolor-palette",false,{"title":5,"description":287},{"Семь цветов":288,"category":289,"order":290,"pro":282,"updated":291},"Primary, Secondary, Background, Text, Surface, Accent, Muted. HEX, opacity, lightness, валидатор, «Подобрать цвета» и «Фирменные цвета».","site-builder",11,"2026-04-23","docs\u002Fsite-builder\u002Fcolor-palette","EryEX2ZCUmy6XTTuAK0RM-hkaM7dBw7rB5JsuZEMFGM",[295,300,306,311,316,321,326,331,336,341,346,350,354,359,363,367,371,376,381,385,389,393,397,401,405,409,414,418,422,426,430,434,438,443,447,451,455,460,465,470,475,480,483,487,492,497,502,507,512,517,522,525,528,531,534,535,538,541,544],{"path":296,"title":297,"description":298,"category":289,"order":299,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Ffrom-scratch","С нуля: витрина от и до","Полный сквозной маршрут по конструктору — от пустого шаблона до опубликованной витрины с каталогом, фирменным стилем, мобильной версией, QR-кодом и собственным доменом.",0,{"path":301,"title":302,"description":303,"category":304,"order":305,"pro":282},"\u002Fdocs\u002Fanalytics\u002Frevenue-average-check","Выручка и средний чек","\u002Freports — метрики выручки и ср. чека, графики по времени, сравнение периодов, Free vs Pro.","analytics",1,{"path":307,"title":308,"description":309,"category":310,"order":305,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fadd-dish","Как добавить блюдо в меню","Пошагово — фото, цена, категория, модификаторы и опции. Что важно, а что можно пропустить.","catalog",{"path":312,"title":313,"description":314,"category":315,"order":305,"pro":282},"\u002Fdocs\u002Fdelivery\u002Fenable-delivery","Включить доставку и зоны","Настройка доставки, выбор между списком зон и полигонами на карте, минимальная сумма.","delivery",{"path":317,"title":318,"description":319,"category":320,"order":305,"pro":285},"\u002Fdocs\u002Ffaq\u002Ftroubleshooting","Чеклист — частые проблемы и как их решить","Не приходят заказы, не открывается QR-меню, гость не видит блюдо — 10 типичных ситуаций с решениями.","faq",{"path":322,"title":323,"description":324,"category":325,"order":305,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Ffirst-login","Первый вход и создание заведения","Как зарегистрироваться в admin.misea.ru, добавить юрлицо и создать первую локацию за 5 минут.","getting-started",{"path":327,"title":328,"description":329,"category":330,"order":305,"pro":282},"\u002Fdocs\u002Floyalty\u002Fbonuses-cashback","Бонусы и кешбэк","\u002Floyalty — настройка начисления бонусов, правила списания, процент, лимиты.","loyalty",{"path":332,"title":333,"description":334,"category":335,"order":305,"pro":285},"\u002Fdocs\u002Forders\u002Forders-feed","Как читать ленту заказов","Статусы, фильтры, звуковые уведомления, чтобы ничего не пропустить.","orders",{"path":337,"title":338,"description":339,"category":340,"order":305,"pro":285},"\u002Fdocs\u002Fqr-tables\u002Ftables-and-locations","Столы и локации","Разница между локацией и столом, как добавить новую точку или новый QR-стол, что меняется при нескольких филиалах.","qr-tables",{"path":342,"title":343,"description":344,"category":345,"order":268,"pro":285},"\u002Fdocs\u002Fbilling\u002Fhow-to-pay-pro","Как оплатить Pro","Шаги оплаты через YooKassa, промокоды (−10%\u002F−20%), ежемесячная vs годовая подписка, чек.","billing",{"path":347,"title":348,"description":349,"category":310,"order":268,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fcategories","Категории и подкатегории меню","Как сгруппировать блюда, задать порядок, скрыть категорию или сделать её пустой-заглушкой.",{"path":351,"title":352,"description":353,"category":315,"order":268,"pro":282},"\u002Fdocs\u002Fdelivery\u002Fpolygon-zones","Полигональные зоны на Яндекс.Картах","Рисование зон доставки в виде многоугольников, JS API ключ, автоопределение зоны по адресу гостя.",{"path":355,"title":356,"description":357,"category":358,"order":268,"pro":285},"\u002Fdocs\u002Fintegrations\u002Fiiko-setup","iiko — подключение шаг-за-шагом","Получение credentials iikoCloud, ввод в Misea, первая синхронизация, выбор терминала.","integrations",{"path":360,"title":361,"description":362,"category":330,"order":268,"pro":282},"\u002Fdocs\u002Floyalty\u002Fcustomer-card","Карточка клиента","\u002Fcustomers — история заказов, средний чек, избранные блюда, персональные заметки.",{"path":364,"title":365,"description":366,"category":335,"order":268,"pro":285},"\u002Fdocs\u002Forders\u002Fcancel-refund","Отмена и возврат заказа","Когда отменять, а когда делать возврат в YooKassa. Полный vs частичный возврат, шаги, типовые кейсы.",{"path":368,"title":369,"description":370,"category":340,"order":268,"pro":285},"\u002Fdocs\u002Fqr-tables\u002Fqr-codes","Как сгенерировать и распечатать QR-коды","Где взять QR-код для стола, какой размер распечатать, куда клеить и что увидит гость после сканирования.",{"path":372,"title":373,"description":374,"category":375,"order":268,"pro":285},"\u002Fdocs\u002Fstaff-schedule\u002Fshift-schedule","График смен","\u002Fschedule — добавление, перенос, замена смен, календарный вид, шаблоны.","staff-schedule",{"path":377,"title":378,"description":379,"category":345,"order":380,"pro":285},"\u002Fdocs\u002Fbilling\u002Fpro-expiration","Что происходит после окончания оплаты Pro","Grace-period 3 дня, что отключается сразу, что сохраняется навсегда, как восстановить Pro.",3,{"path":382,"title":383,"description":384,"category":310,"order":380,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fmodifiers","Модификаторы — размеры, молоко, добавки","Как настроить варианты блюда с доплатой (S\u002FM\u002FL, растительное молоко, двойная порция) через шаблоны модификаторов.",{"path":386,"title":387,"description":388,"category":315,"order":380,"pro":282},"\u002Fdocs\u002Fdelivery\u002Fcourier-module","Курьерский модуль","Назначение заказов курьеру, статусы, Telegram-бот курьера, маршрутизация.",{"path":390,"title":391,"description":392,"category":325,"order":380,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Fadmin-overview","Обзор админ-панели за 3 минуты","Карта всех разделов админки Misea — что где лежит, с чего начинать, куда смотреть ежедневно.",{"path":394,"title":395,"description":396,"category":358,"order":380,"pro":285},"\u002Fdocs\u002Fintegrations\u002Fiiko-troubleshooting","iiko — типичные ошибки","401\u002F403, конфликты SKU, несинхронизованные позиции, дубли модификаторов, задержка остатков.",{"path":398,"title":399,"description":400,"category":335,"order":380,"pro":285},"\u002Fdocs\u002Forders\u002Ftelegram-notifications","Уведомления о заказах в Telegram","Как подключить бота к чату персонала, кому приходят уведомления, что настраивается.",{"path":402,"title":403,"description":404,"category":289,"order":380,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fdraft-vs-published","Черновик vs публикация","Что сохраняется локально, что на сервере, что видят гости. Как работает автосохранение и кнопка «Опубликовать».",{"path":406,"title":407,"description":408,"category":375,"order":380,"pro":285},"\u002Fdocs\u002Fstaff-schedule\u002Ftimesheet-fot","Табель и ФОТ","\u002Ftimesheet — автоматический учёт часов, надбавки, закрытие периода, расчёт зарплаты.",{"path":410,"title":411,"description":412,"category":345,"order":413,"pro":285},"\u002Fdocs\u002Fbilling\u002Frefunds-plan-change","Возврат средств и смена тарифа","Политика возвратов, как перейти с месяца на год (или наоборот), когда возврат невозможен.",4,{"path":415,"title":416,"description":417,"category":310,"order":413,"pro":285},"\u002Fdocs\u002Fcatalog\u002Foptions","Опции блюда — острота, прожарка, без чего","Когда нужна опция, а когда модификатор. Как настроить варианты без доплаты.",{"path":419,"title":420,"description":421,"category":315,"order":413,"pro":282},"\u002Fdocs\u002Fdelivery\u002Fhours-minimums","Часы приёма заказов и минимальная сумма","Настройка времени приёма доставки, минимального чека зоны и локации, слот-расписание.",{"path":423,"title":424,"description":425,"category":325,"order":413,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Finvite-colleague","Как пригласить коллегу в админку","Роли admin, manager, waiter, kitchen, courier — что каждый видит и может, как добавить нового сотрудника.",{"path":427,"title":428,"description":429,"category":358,"order":413,"pro":285},"\u002Fdocs\u002Fintegrations\u002Fyandex-maps-api-key","Яндекс.Карты — где взять JS API ключ","Регистрация на developer.tech.yandex.ru, получение ключа, привязка к домену, вставка в Misea.",{"path":431,"title":432,"description":433,"category":289,"order":413,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fhistory-undo","История изменений (Undo\u002FRedo)","12 снапшотов на страницу, Ctrl+Z и Ctrl+Shift+Z. Как откатить удалённый блок или неудачное редактирование.",{"path":435,"title":436,"description":437,"category":375,"order":413,"pro":282},"\u002Fdocs\u002Fstaff-schedule\u002Fhours-report","Отчёт по часам и ФОТ","\u002Freports\u002Fhours — план vs факт, переработки, стоимость часа, сравнение периодов.",{"path":439,"title":440,"description":441,"category":310,"order":442,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fbulk-import","Массовый импорт меню из Excel","Формат файла, обязательные и опциональные поля, типичные ошибки при импорте 50+ позиций.",5,{"path":444,"title":445,"description":446,"category":325,"order":442,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Fbrand-setup","Бренд — логотип, цвета, контакты","Где настроить название заведения, логотип, контактные данные и первичные цвета, которые подтянутся в QR-меню и на сайт.",{"path":448,"title":449,"description":450,"category":358,"order":442,"pro":285},"\u002Fdocs\u002Fintegrations\u002Ftelegram-bot-setup","Telegram — токен бота и привязка чата","BotFather, создание бота, токен, привязка персонала, уведомления о заказах.",{"path":452,"title":453,"description":454,"category":289,"order":442,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fhero-block","Блок Hero — баннер первого экрана","Заголовок, подзаголовок, фон-картинка, CTA-кнопка. Как сделать сильный первый экран, куда вести кнопку.",{"path":456,"title":457,"description":458,"category":289,"order":459,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmenu-block","Блок Меню (каталог товаров)","Макеты сетка\u002Fсписок\u002Fкарточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.",6,{"path":461,"title":462,"description":463,"category":289,"order":464,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Ftext-image-gallery","Блоки Текст, Изображение, Галерея","Markdown-редактор с жирным\u002Fкурсивом\u002Fпереносами, спецварианты (часы работы, скидки), галерея-список.",7,{"path":466,"title":467,"description":468,"category":289,"order":469,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fcontacts-block","Блок Контакты","Телефон, адрес, карта, соцсети. Как переопределить данные глобальных настроек для конкретной страницы или локации.",8,{"path":471,"title":472,"description":473,"category":289,"order":474,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmap-block","Блок Карта","Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.",9,{"path":476,"title":477,"description":478,"category":289,"order":479,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fservice-blocks","Карточка товара, Кнопка заказа и служебные блоки","Product Card, Order Button, Categories, Cart, Checkout, Search — когда и зачем ставить.",10,{"path":258,"title":259,"description":481,"category":289,"order":482,"pro":282},"10 шрифтовых семейств, размер 12–24 px, скруглённые vs прямые кнопки, тени и rpadding.",12,{"path":264,"title":484,"description":485,"category":289,"order":486,"pro":282},"Анимированные фоны (Pro)","60+ эффектов — кастомные, Vanta-ported, ReactBits-ported. Переопределение цветов, reduce motion, производительность.",13,{"path":488,"title":489,"description":490,"category":289,"order":491,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Flayout-variant-padding","Подложки блоков и отступы","layout_variant — section \u002F block \u002F empty. Как сделать блок на всю ширину или в виде карточки. Padding, border-radius, max-width.",14,{"path":493,"title":494,"description":495,"category":289,"order":496,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fseo-meta","SEO — глобальные и страничные мета-теги","Site-SEO vs Page-SEO. Title, description, keywords. OG-превью для соцсетей. Рекомендуемая длина.",15,{"path":498,"title":499,"description":500,"category":289,"order":501,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Flogo-favicon-nav","Логотип, фавикон, название сайта и навигация","Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog \u002F page \u002F category \u002F url).",16,{"path":503,"title":504,"description":505,"category":289,"order":506,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmedia-library","Медиа-библиотека","Папки и файлы (JPG \u002F PNG \u002F WebP \u002F GIF \u002F SVG до 10 МБ), загрузка, вставка в любой блок, public URL.",17,{"path":508,"title":509,"description":510,"category":289,"order":511,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmulti-location","Конструктор для сети ресторанов (per-location)","Глобальные vs per-location настройки, переключатель в toolbar, подтверждение при несохранённых изменениях.",18,{"path":513,"title":514,"description":515,"category":289,"order":516,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fresponsive-preview","Responsive preview (Desktop \u002F Mobile)","Live-iframe с postMessage, переключение 1200px ↔ 390px, почему важно проверять оба режима.",19,{"path":518,"title":519,"description":520,"category":289,"order":521,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fcustom-domain","Собственный домен и поддомен","Настройка custom domain, subdomain fallback, TLS-сертификат. DNS-записи, проверка.",20,{"path":523,"title":524,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fbilling\u002Ffree-vs-pro","Free vs Pro — что входит в каждый тариф",{"path":526,"title":527,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Ftrial-period","Что такое trial и что будет через 7 дней",{"path":529,"title":530,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fintegrations\u002Fiiko-overview","iiko — зачем нужна синхронизация",{"path":532,"title":533,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fqr-tables\u002Fguest-experience","Что видит гость после сканирования QR",{"path":284,"title":5,"description":279,"category":278,"order":283,"pro":285},{"path":536,"title":537,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fsite-builder\u002Finterface","Интерфейс конструктора — 3 панели и toolbar",{"path":539,"title":540,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fsite-builder\u002Fintroduction","Что такое конструктор витрины и зачем он нужен",{"path":542,"title":543,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fstaff-schedule\u002Fpositions-departments","Должности и отделы",{"path":545,"title":546,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Ftelegram-bot\u002Fwaiter-bot","Официант через Telegram-бот",1777025875532]