Ember — это премиальный готовый к запуску шаблон сайта для современного ресторана с дровяной печью, сезонного бистро или гриль-зала — места, которое завоёвывает стол ещё до прихода гостя. Тёплые сливки, чернила эспрессо и один акцент терракота создают атмосферу в свете свечей и ощущение food-magazine, благодаря чему ваши блюда становятся самым громким элементом страницы.

Он построен на статическом HTML + Tailwind CSS. Никакого React и никаких шагов сборки — скомпилированный CSS поставляется в комплекте, поэтому вы открываете index.html и сайт сразу работает на любом статическом хостинге.

ЧТО ВНУТРИ (11 разделов)

• Липкая навигация + доступное мобильное меню

• Hero-секция с круглой «тарелочной» обложкой и заметкой шеф-повара от руки

• Блок Our-story / fire-kitchen — философия

• фирменные блюда (карточки с фото и ценой с dotted-leader)

• Полное меню — категории с напечатанными пунктирными dotted-leader в стиле меню (название ……… цена)

• Редакционная галерея (асимметричный мозаичный расклад, не ровная сетка)

• Знакомство с шеф-поваром с анимированными счётчиками

• Отзывы & пресса со звёздными рейтингами

• Форма бронирования (честно — без тёмных паттернов)

• Часы работы и локация (часы оформлены тем же мотивом dotted-leader) + плейсхолдер CSS-карты

• Подвал с подпиской на рассылку

ПОЧЕМУ ОН ОТЛИЧАЕТСЯ

• Настоящая авторская подача, а не stock-kit — напечатанный пунктир dotted-leader повторяется по всей странице: в блюдах, меню и часах; круглая hero-«тарелка» обрамляет еду как обложку; рукописная Caveat передаёт голос шефа.

• Пересборка с одного места — каждый цвет и шрифт — это токен; измените терракота, и весь сайт последует за изменениями.

• Локально размещённые шрифты (Cormorant Garamond · Manrope · Caveat, woff2) — без Google CDN, без сдвига макета.

• Устойчивость к изображениям — у каждой фотографии есть тёплый CSS-фоллбэк, поэтому страница никогда не выглядит «сломано».

• Контраст WCAG AA, семантический HTML, удобство для клавиатуры, поддержка предпочитаемого reduced-motion.

• Lighthouse: Performance 95 · Accessibility 100 · Best-Practices 100 · SEO 100.

• Без тёмных паттернов — никаких фейковых countdown, никакой фейковой нехватки.

ЧТО ВЫ ПОЛУЧАЕТЕ

index.html · скомпилированный + исходный Tailwind CSS · несколько КБ ванильного JS · self-hosted fonts · favicon + OG image · 12 демо-фотографий · документация · changelog · заметки по лицензии.

Live demo (бесплатная Lite-версия): https://mcmxcixx.github.io/ember/