Шаблоны экранных форм приложения "По грибы"

Описание

Этот каталог содержит HTML/CSS шаблоны экранных форм для мобильного приложения "По грибы".

Файлы

template.html - базовый шаблон экранной формы
template.css - стили для шаблона

Как использовать

Откройте template.html в браузере
Измените размер окна браузера до мобильного формата (375px ширина) или используйте режим разработчика (F12) для эмуляции мобильного устройства
Сделайте скриншот для отчёта

Структура шаблона

Шаблон включает:

Шапка (Header): логотип и название "По грибы"
Основной контент (Main): прокручиваемая область с примерами карточек и элементов списка
Нижняя навигация (Navigation): 5 кнопок для основных разделов
Кнопка SOS: плавающая красная кнопка в правом нижнем углу

Технические параметры

Ширина: 375px (стандартный мобильный экран)
Высота: 812px (iPhone X и выше)
Шрифт: Inter или Roboto
Базовый размер шрифта: 16-18pt

Цветовая палитра

Зелёный (основной): #2D5F3F
Оранжевый (акцент): #E67E22
Красный (SOS): #C0392B
Голубой (информация): #3498DB
Серый текст: #7F8C8D
Тёмный текст: #2C3E50
Светлый фон: #FAFAFA

Для разработки новых экранов

На основе этого шаблона можно создавать конкретные экраны приложения, заменяя содержимое блока .content-container на специфичные для экрана элементы.

2.2 KiB Raw Permalink Blame History Unescape Escape