[{"data":1,"prerenderedAt":472},["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,301,306,311,316,321,326,330,334,338,343,347,351,355,359,364,368,372,376,381,385,389,394,399,404,409,414,417,421,426,431,436,441,446,451,456,459,462,465,466,469],{"path":296,"title":297,"description":298,"category":299,"order":300,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fadd-dish","Как добавить блюдо в меню","Пошагово — фото, цена, категория, модификаторы и опции. Что важно, а что можно пропустить.","catalog",1,{"path":302,"title":303,"description":304,"category":305,"order":300,"pro":285},"\u002Fdocs\u002Ffaq\u002Ftroubleshooting","Чеклист — частые проблемы и как их решить","Не приходят заказы, не открывается QR-меню, гость не видит блюдо — 10 типичных ситуаций с решениями.","faq",{"path":307,"title":308,"description":309,"category":310,"order":300,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Ffirst-login","Первый вход и создание заведения","Как зарегистрироваться в admin.misea.ru, добавить юрлицо и создать первую локацию за 5 минут.","getting-started",{"path":312,"title":313,"description":314,"category":315,"order":300,"pro":285},"\u002Fdocs\u002Forders\u002Forders-feed","Как читать ленту заказов","Статусы, фильтры, звуковые уведомления, чтобы ничего не пропустить.","orders",{"path":317,"title":318,"description":319,"category":320,"order":300,"pro":285},"\u002Fdocs\u002Fqr-tables\u002Ftables-and-locations","Столы и локации","Разница между локацией и столом, как добавить новую точку или новый QR-стол, что меняется при нескольких филиалах.","qr-tables",{"path":322,"title":323,"description":324,"category":325,"order":268,"pro":285},"\u002Fdocs\u002Fbilling\u002Fhow-to-pay-pro","Как оплатить Pro","Шаги оплаты через YooKassa, промокоды (−10%\u002F−20%), ежемесячная vs годовая подписка, чек.","billing",{"path":327,"title":328,"description":329,"category":299,"order":268,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fcategories","Категории и подкатегории меню","Как сгруппировать блюда, задать порядок, скрыть категорию или сделать её пустой-заглушкой.",{"path":331,"title":332,"description":333,"category":315,"order":268,"pro":285},"\u002Fdocs\u002Forders\u002Fcancel-refund","Отмена и возврат заказа","Когда отменять, а когда делать возврат в YooKassa. Полный vs частичный возврат, шаги, типовые кейсы.",{"path":335,"title":336,"description":337,"category":320,"order":268,"pro":285},"\u002Fdocs\u002Fqr-tables\u002Fqr-codes","Как сгенерировать и распечатать QR-коды","Где взять QR-код для стола, какой размер распечатать, куда клеить и что увидит гость после сканирования.",{"path":339,"title":340,"description":341,"category":325,"order":342,"pro":285},"\u002Fdocs\u002Fbilling\u002Fpro-expiration","Что происходит после окончания оплаты Pro","Grace-period 3 дня, что отключается сразу, что сохраняется навсегда, как восстановить Pro.",3,{"path":344,"title":345,"description":346,"category":299,"order":342,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fmodifiers","Модификаторы — размеры, молоко, добавки","Как настроить варианты блюда с доплатой (S\u002FM\u002FL, растительное молоко, двойная порция) через шаблоны модификаторов.",{"path":348,"title":349,"description":350,"category":310,"order":342,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Fadmin-overview","Обзор админ-панели за 3 минуты","Карта всех разделов админки Misea — что где лежит, с чего начинать, куда смотреть ежедневно.",{"path":352,"title":353,"description":354,"category":315,"order":342,"pro":285},"\u002Fdocs\u002Forders\u002Ftelegram-notifications","Уведомления о заказах в Telegram","Как подключить бота к чату персонала, кому приходят уведомления, что настраивается.",{"path":356,"title":357,"description":358,"category":289,"order":342,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fdraft-vs-published","Черновик vs публикация","Что сохраняется локально, что на сервере, что видят гости. Как работает автосохранение и кнопка «Опубликовать».",{"path":360,"title":361,"description":362,"category":325,"order":363,"pro":285},"\u002Fdocs\u002Fbilling\u002Frefunds-plan-change","Возврат средств и смена тарифа","Политика возвратов, как перейти с месяца на год (или наоборот), когда возврат невозможен.",4,{"path":365,"title":366,"description":367,"category":299,"order":363,"pro":285},"\u002Fdocs\u002Fcatalog\u002Foptions","Опции блюда — острота, прожарка, без чего","Когда нужна опция, а когда модификатор. Как настроить варианты без доплаты.",{"path":369,"title":370,"description":371,"category":310,"order":363,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Finvite-colleague","Как пригласить коллегу в админку","Роли admin, manager, waiter, kitchen, courier — что каждый видит и может, как добавить нового сотрудника.",{"path":373,"title":374,"description":375,"category":289,"order":363,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fhistory-undo","История изменений (Undo\u002FRedo)","12 снапшотов на страницу, Ctrl+Z и Ctrl+Shift+Z. Как откатить удалённый блок или неудачное редактирование.",{"path":377,"title":378,"description":379,"category":299,"order":380,"pro":285},"\u002Fdocs\u002Fcatalog\u002Fbulk-import","Массовый импорт меню из Excel","Формат файла, обязательные и опциональные поля, типичные ошибки при импорте 50+ позиций.",5,{"path":382,"title":383,"description":384,"category":310,"order":380,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Fbrand-setup","Бренд — логотип, цвета, контакты","Где настроить название заведения, логотип, контактные данные и первичные цвета, которые подтянутся в QR-меню и на сайт.",{"path":386,"title":387,"description":388,"category":289,"order":380,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fhero-block","Блок Hero — баннер первого экрана","Заголовок, подзаголовок, фон-картинка, CTA-кнопка. Как сделать сильный первый экран, куда вести кнопку.",{"path":390,"title":391,"description":392,"category":289,"order":393,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmenu-block","Блок Меню (каталог товаров)","Макеты сетка\u002Fсписок\u002Fкарточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.",6,{"path":395,"title":396,"description":397,"category":289,"order":398,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Ftext-image-gallery","Блоки Текст, Изображение, Галерея","Markdown-редактор с жирным\u002Fкурсивом\u002Fпереносами, спецварианты (часы работы, скидки), галерея-список.",7,{"path":400,"title":401,"description":402,"category":289,"order":403,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fcontacts-block","Блок Контакты","Телефон, адрес, карта, соцсети. Как переопределить данные глобальных настроек для конкретной страницы или локации.",8,{"path":405,"title":406,"description":407,"category":289,"order":408,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmap-block","Блок Карта","Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.",9,{"path":410,"title":411,"description":412,"category":289,"order":413,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fservice-blocks","Карточка товара, Кнопка заказа и служебные блоки","Product Card, Order Button, Categories, Cart, Checkout, Search — когда и зачем ставить.",10,{"path":258,"title":259,"description":415,"category":289,"order":416,"pro":282},"10 шрифтовых семейств, размер 12–24 px, скруглённые vs прямые кнопки, тени и rpadding.",12,{"path":264,"title":418,"description":419,"category":289,"order":420,"pro":282},"Анимированные фоны (Pro)","60+ эффектов — кастомные, Vanta-ported, ReactBits-ported. Переопределение цветов, reduce motion, производительность.",13,{"path":422,"title":423,"description":424,"category":289,"order":425,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Flayout-variant-padding","Подложки блоков и отступы","layout_variant — section \u002F block \u002F empty. Как сделать блок на всю ширину или в виде карточки. Padding, border-radius, max-width.",14,{"path":427,"title":428,"description":429,"category":289,"order":430,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fseo-meta","SEO — глобальные и страничные мета-теги","Site-SEO vs Page-SEO. Title, description, keywords. OG-превью для соцсетей. Рекомендуемая длина.",15,{"path":432,"title":433,"description":434,"category":289,"order":435,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Flogo-favicon-nav","Логотип, фавикон, название сайта и навигация","Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog \u002F page \u002F category \u002F url).",16,{"path":437,"title":438,"description":439,"category":289,"order":440,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmedia-library","Медиа-библиотека","Папки и файлы (JPG \u002F PNG \u002F WebP \u002F GIF \u002F SVG до 10 МБ), загрузка, вставка в любой блок, public URL.",17,{"path":442,"title":443,"description":444,"category":289,"order":445,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fmulti-location","Конструктор для сети ресторанов (per-location)","Глобальные vs per-location настройки, переключатель в toolbar, подтверждение при несохранённых изменениях.",18,{"path":447,"title":448,"description":449,"category":289,"order":450,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fresponsive-preview","Responsive preview (Desktop \u002F Mobile)","Live-iframe с postMessage, переключение 1200px ↔ 390px, почему важно проверять оба режима.",19,{"path":452,"title":453,"description":454,"category":289,"order":455,"pro":282},"\u002Fdocs\u002Fsite-builder\u002Fcustom-domain","Собственный домен и поддомен","Настройка custom domain, subdomain fallback, TLS-сертификат. DNS-записи, проверка.",20,{"path":457,"title":458,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fbilling\u002Ffree-vs-pro","Free vs Pro — что входит в каждый тариф",{"path":460,"title":461,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fgetting-started\u002Ftrial-period","Что такое trial и что будет через 7 дней",{"path":463,"title":464,"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":467,"title":468,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fsite-builder\u002Finterface","Интерфейс конструктора — 3 панели и toolbar",{"path":470,"title":471,"description":279,"category":278,"order":283,"pro":285},"\u002Fdocs\u002Fsite-builder\u002Fintroduction","Что такое конструктор витрины и зачем он нужен",1776913972119]