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