# PRD — Семейный справочник: добавки и травы для иммунитета **Проект:** `immunity-herbs` **URL:** https://pages.git.vibe42.kz/gulmura_Amurgalyieva/immunity-herbs/ **Репозиторий:** https://git.vibe42.kz/gulmura_Amurgalyieva/immunity-herbs **Платформа:** Vibe42 (статические лендинги, ветка `pages`) **Версия:** 2 (добавлен раздел питания малыша) --- ## 1. Обзор продукта Одностраничный семейный справочник о здоровье: пищевые добавки и лечебные травы Казахстана для иммунитета, а также расчёт питания для малыша 8 месяцев на грудном вскармливании. Цель — собрать в одном понятном месте информацию для всей семьи (мама, папа, дети, бабушки/дедушки), без сложных медицинских терминов. ## 2. Цели и задачи - **Цель:** дать семье быстрый доступ к понятной информации о добавках, травах и питании малыша. - **Задачи:** - Показать состав, показания и противопоказания для каждой добавки и травы. - Дать готовые домашние рецепты из трав Казахстана. - Рассчитать суточное питание 8-месячного ребёнка на ГВ по весу. - Опубликовать сайт за минуты, без бэкенда и регистрации. ## 3. Целевая аудитория - Семья пользователя: родители, дети, старшее поколение. - Люди, интересующиеся натуральной поддержкой иммунитета и аптечными травами Казахстана. - Молодые родители на грудном вскармливании. ## 4. Структура страницы (секции) 1. **Hero** — заголовок, подзаголовок, 2 CTA, статистика (8 добавок / 6 трав / 4 правила). 2. **О сайте** — что внутри и как читать карточки (состав / показания / противопоказания). 3. **Пищевые добавки** — 8 карточек: - Витамин C, Витамин D3, Цинк, Омега-3, Селен, Витамин A, B-комплекс, Пробиотики. - Каждая карточка: состав, показания, противопоказания. 4. **Лечебные травы Казахстана** — 6 карточек: - Эхинацея, Шиповник, Солодка, Ромашка, Зверобой, Душица. - Каждая: состав, показания, противопоказания + рецепт (чай/отвар/настой). 5. **Иммунитет** — 4 правила (сон, движение, питание, меньше стресса). 6. **Расчёт питания 8 мес на ГВ** — интерактивный калькулятор: - Ползунок веса ребёнка → суточная энергия, объём грудного молока, калории прикорма. - Примерное меню на день (5 кормлений). - 3 совета по прикорму. 7. **Footer** — бренд, разделы, напоминание о консультации с врачом. ## 5. Функциональные требования - **F1. Навигация:** sticky-меню с якорями на секции; бургер-меню на мобильных. - **F2. Карточки добавок/трав:** три блока с цветовой маркировкой — Состав (зелёный), Показания (янтарь), Противопоказания (красный). - **F3. Рецепты трав:** нумерованные пошаговые инструкции в выделенном блоке. - **F4. Калькулятор питания:** - Вход: вес ребёнка (6.5–11 кг, шаг 0.1). - Формулы: энергия = вес × 95 ккал; молоко = 50% энергии → мл (70 ккал/100 мл); прикорм = остаток. - Выход: 3 значения + таблица меню. Пересчёт в реальном времени. - **F5. Дисклеймеры:** предупреждения «не заменяет консультацию врача» в разделах добавок, трав и питания. - **F6. Адаптивность:** корректное отображение на десктопе и мобильных (сетка перестраивается в 1 колонку). ## 6. Нефункциональные требования - **Технологии:** только статика — HTML + CSS + ванильный JS, без сборщиков и зависимостей. - **Дизайн-система:** палитра Vibe42 (`design.md`), зелёно-растительная тема: `--green #1f7a4d`, `--leaf #6fb98f`, `--amber #d98a2b`, `--red #c0492f`. - **Шрифты:** системный стек `-apple-system, Segoe UI, Inter`. - **Производительность:** один файл `index.html`, мгновенная загрузка, без внешних запросов. - **Доступность:** контрастный текст,语义ticая разметка заголовков. - **Публикация:** push в ветку `pages` → авто-деплой через Caddy. ## 7. Out of scope (не входит) - Бэкенд, базы данных, аутентификация, формы с сохранением данных. - Интернет-магазин, корзина, оплата. - Личный кабинет, история просмотров. - Многостраничность (роутинг) — только одна страница с прокруткой. ## 8. Будущие итерации (backlog) - Калькуляторы питания для других возрастов (6, 9, 12 мес). - Раздел «Контакты семьи» / личная страница. - Поиск и фильтрация по добавкам/травам. - Печать и экспорт меню в PDF. - Тёмная тема. ## 9. Метрики успеха - Сайт доступен (HTTP 200) по адресу Pages. - Все секции рендерятся, калькулятор пересчитывает при изменении веса. - Адаптив работает на мобильных (320–760px). - Пользователь понимает, что и где менять для следующих правок. ## 10. Ограничения и риски - **Медицинская корректность:** информация ознакомительная; обязателен дисклеймер о консультации с врачом. - **Дозировки:** указаны ориентировочные — риск неверного применения снижается предупреждениями. - **Платформа:** статическая песочница, нельзя добавить серверную логику (формы, расчёты на сервере).