Кейс · Лендинг
Рубильник: трекер подписок
Лендинг вымышленного SaaS-продукта: тёмный градиентный hero, макет интерфейса на CSS, тарифы, FAQ, демо-форма. Все цены и названия придуманы.
- HTML
- CSS
- JS
01 · Как выглядит
Скриншоты
02 · О проекте
Что это и зачем
Лендинг вымышленного трекера подписок: тёмный градиентный hero, макет интерфейса, нарисованный на CSS, возможности, тарифы, FAQ и форма.
Яркий контрастный стиль, шрифты Onest и JetBrains Mono.
Ограничения
Продукта не существует: цены, тарифы и названия сервисов в макете придуманы.
Что внутри
- Макет приложения в hero собран на CSS, без картинок
- Три шага, тарифы, FAQ на details/summary
- Валидация формы на клиенте с понятными ошибками
- prefers-reduced-motion и mobile-first вёрстка
03 · Как запустить
Запуск одной командой
git clone <репозиторий по запросу> landing-saas
cd landing-saas
python -m http.server 8092 # или просто открыть index.html04 · Код
Репозиторий приватный
Исходники лежат в приватном репозитории. Открою доступ по запросу: напишите, и пришлю приглашение.
Запросить код