havexfun
1. Основные требования Стиль: Минимализм (как Apple Wallet) + технологичные акценты (как в Tesla UI) Цвета: Основной: #2563EB (синий) Фон: #FFFFFF (белый) + #F8FAFC (серый для второстепенных элементов) Текст: #1E293B (основной) , #64748B (второстепенный) Обязательные экраны (MVP): Главный экран (мониторинг батареи) Экран замены батареи Профиль/Настройки 2. Детализация главного экрана Верхняя часть: Левый угол: Логотип (иконка батареи + название) Правый угол: Карточка пользователя: text ┌───────────────────┐ | 👤 | | ID: EV-1234 | └───────────────────┘ Размер: 120×60 px Закругление: 12 px Тень: 0px 2px 6px rgba(37 , 99 , 235 , 0.1) Центр: Круговая диаграмма заряда: Диаметр: 200 px Цвет заполнения: градиент #3B82F6 → #93C5FD Анимация: плавное заполнение (2 сек) В центре: Текст: 82% (шрифт 32 pt , #2563EB) Подпись: Текущий заряд (шрифт 14 pt , #64748B) Блок подписки: text ┌──────────────────────────────┐ | 🔋 Подписка активна | | До 15.12.2024 | | [Продлить] | └──────────────────────────────┘ Кнопка «Продлить»: Цвет: #2563EB Анимация при нажатии: уменьшение до 95% Метрики батареи: 3 блока в ряд: text ┌───────┐ ┌───────┐ ┌───────┐ | 🔋 | | 🛣️ | | 🌡️ | | 75 kWh| | 342 км| | 26°C | └───────┘ └───────┘ └───────┘ Кнопка замены: text ┌──────────────────────────────┐ | 🔄 Запросить замену | └──────────────────────────────┘ Анимация: магнитный эффект при наведении 3. Интерактивность Микроанимации: При нажатии кнопок: масштаб 0.95 Переходы между экранами: плавное смещение вправо Темная тема (опционально): Основной: #1E40AF Фон: #0F172A ,