Ctrl+K
Создай приложение на реакт Главная страница мобильного приложения (React) Компоненты 1. Поиск • Поисковая строка занимает всю ширину экрана. • Внутри строки слева размещён полупрозрачный (прозрачность 15%) текст-подсказка с надписью «найди меня» (alt текст), который еле заметен, чтобы не мешать, но помогать ориентироваться. • Справа расположена иконка лупы, как символ поиска. • Внешний вид строки — белый фон, скруглённые углы, лёгкая тень для ощущения глубины. 2. Категории товаров • Представлены в виде капсул — прямоугольников с сильно скруглёнными углами. • Расположены в два ряда по 6 капсул в шахматном порядке, что создаёт эффект динамичного и живого интерфейса. • Капсулы разноцветные — для каждого цвета выбран свой оттенок, приятный глазу: голубой, светло-зелёный, оранжевый, розовый, фиолетовый, жёлтый и т.п. • Текст внутри капсул выровнен по центру, читабелен и контрастен. • Категории по тексту: Детское, Запчасти, Одежда, Электроника, Мебель, Книги. 3. Товары Раздел «Новое» • Заголовок «Новое» расположен слева. • Справа от текста располагается иконка лампочки. • Под заголовком прокручиваемая горизонтальная карусель из 5 карточек товаров. • Карточка товара имеет: • Фото товара на фоне с плавным градиентом • Название товара под фото • Цена товара • Иконка корзины (например, в правом нижнем углу) • Карусель прокручивается влево, обеспечивает удобный просмотр товаров на мобильном экране. Раздел «Еще посмотри…» • Название раздела с иконкой лупы перед текстом. • Карточки товаров такие же, как в разделе «Новое», с идентичным стилем и функционалом. 4. Футер • Затемнённый прямоугольник внизу экрана. • Содержит ссылки на верхние секции страницы и иконку лупы. • Футер всегда доступен для навигации и быстрого поиска. Описание стиля и цветов • Основная палитра: светлые нейтральные цвета — белый (#FFFFFF) и светло-серый (#F5F5F5) фон, тёмно-серый (#333333) для текста. • Акцентные цвета для капсул категорий — разнообразные пастельные оттенки: нежно-голубой, мятный, коралловый, лавандовый, солнечный жёлтый. • Иконки и текст — монохромные, чёткие, с высокой контрастностью. • Тени и градиенты выполняются мягко, чтобы придать интерфейсу глубину и приятный визуальный баланс. • Шрифты — современный, простой и читаемый без засечек, размер текста достаточный для комфортного чтения на мобильных устройствах. • Отступы и поля сбалансированы для удобного нажатия и прокрутки. - Initial Deployment
d9862b1 verified