Ember — HTML-шаблон ресторана Wood-Fire и бистро (Tailwind)

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

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

ЧТО ВНУТРИ (11 секций)

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

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

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

• Фирменные блюда (карточки с фото и ценой с пунктирным заполнителем)

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

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

• Meet-the-chef с анимированными счётчиками

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

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

• Часы & локация (часы показаны тем же мотивом пунктирной линии) + плейсхолдер карты в CSS

• Футер с подпиской на рассылку

ПОЧЕМУ ОНО ДРУГОЕ

• Настоящая фирменная подача, а не набор «из коробки» — пунктирный заполнитель печатного меню повторяется в блюдах, меню и часах; круглый plated hero обрамляет еду как обложка; рукописный Caveat передаёт голос шефа.

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

• Собственный хостинг шрифтов (Cormorant Garamond · Manrope · Caveat, woff2) — без Google CDN, без сдвига верстки.

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

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

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

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

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

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

Живой демо-показ (бесплатная Lite-версия): https://mcmxcixx.github.io/ember/