FORMA Digital - виразний HTML-шаблон для магазину цифрових продуктів: UI-наборів, шрифтів, іконок, графіки, 3D-ресурсів, аудіо та шаблонів. Чорний фон, крупна типографіка, світлі контрастні елементи та спокійні холодні акценти створюють візуальну основу для сучасної цифрової вітрини.

Головна сторінка поєднує великий промоблок з абстрактною хромованою скульптурою, товар у фокусі, який можна перемикати, каталог із восьми демонстраційних продуктів і карусель тематичної добірки. У каталозі працюють пошук і категорії. Каруселі керуються кнопками та враховують ширину екрана; автоматична зміна не відволікає відвідувача.

Сторінка товару містить велике зображення, ціну, характеристики та вкладки «Про продукт», «Що всередині» і «Ліцензія». Оцінка розраховується з показаних відгуків. Відвідувач може обрати оцінку від 1 до 5, написати відгук і побачити оновлений рейтинг. Новий відгук зберігається в браузері, демонстраційні відгуки позначені.

Кошик підтримує додавання, видалення та зміну кількості. Оформлення перевіряє контактні поля, показує підсумкову суму та демонстраційні способи оплати. Після створення демозамовлення з'являється на сторінці «Мої замовлення» з деталями та посиланням на демонстраційний ZIP. Два початкові замовлення ілюструють стани «готове» та «в обробці».

Профіль дає змогу зберігати ім'я, пошту та демонстраційне налаштування сповіщень локально. Сторінка зворотного зв'язку містить FAQ і форму підготовки тексту повідомлення для копіювання. Серверне надсилання не виконується.

КРОКИ ТА СТОРІНКИ

1. Головна і каталог - index.html.

2. Товар із відгуками та рейтингом - product.html?id=interface.

3. Мої замовлення - orders.html.

4. Оформлення замовлення - checkout.html; пряма купівля: checkout.html?id=interface.

5. Профіль - profile.html.

6. Зворотний зв'язок - contact.html.

БЛОКИ ЗІ ЗМІНОЮ ТОВАРУ

- У фокусі сьогодні: перемикається між трьома продуктами на головній.

- Неочевидне. Незамінне.: карусель добірки на головній.

- Продовжуй свою колекцію.: рекомендації в картці товару.

КОМПЛЕКТ

Шість HTML-сторінок, спільні app.js, data.js і style.css, локальна графіка,

демонстраційний ZIP для доставки, тести розрахунків, інструкція та опис.

cover.jpg - банер 1600 × 1100 px.

pages-overview.jpg - огляд шести сторінок 1800 × 2200 px.

preview/01–06*.jpg - повні скриншоти всіх розділів.

preview/cover-source.html і overview-source.html - макети превʼю, які можна редагувати.

ВАЖЛИВО

Це самостійний HTML-шаблон, а не робочий сервіс продажу і не тема CMS.

Реальна оплата, авторизація, серверна база даних, видача комерційних продуктів і надсилання повідомлень не підключені. Реквізити банківських карток не запитуються; під час демозамовлення кошти не списуються і листи не надсилаються.

Назви, ціни, характеристики, файли, ліцензії та початкові відгуки демонстраційні. Завантажуваний forma-demo-pack.zip містить лише вісім SVG-превʼю та інструкцію. Повних UI-наборів, шрифтів, 3D-моделей і аудіо з карток в архіві немає.