Создайте один HTML-файл, который выглядит максимально приближенно к интерфейсу реального современного мобильного приложения в стиле iPhone.
На странице должен отображаться реалистичный фрейм (корпус) телефона с закругленными углами, вырезом под динамик / областью в стиле Dynamic Island, строкой состояния (status bar), областью индикатора блокировки/домой (home indicator), областью содержимого приложения и плавными интерактивными элементами в мобильном стиле.
Это должно быть современное приложение для жизни и продуктивности с такими разделами, как: Сегодня (Today), Календарь (Calendar), Сообщения (Messages), Умный дом (Smart Home), Кошелек (Wallet) и Настройки (Settings). Включите отполированный главный экран, нижнюю панель навигации (таб-бар), карточки уведомлений, виджеты, переключатели, быстрые действия, события календаря, превью сообщений, элементы управления умным домом и панели настроек.
В нем должна быть 1 игра — автомобильная игра в стиле GTA, а также приложение социальной сети с фейковыми (демонстрационными) данными.
Сделайте интерфейс премиальным, чистым и нативным для телефона — с эффектами матового стекла (glassmorphism), закругленными карточками, мягкими градиентами, тонкими тенями, плавными переходами, анимацией кнопок с имитацией тактильной отдачи (haptic) и адаптивным дизайном, ориентированным в первую очередь на мобильные устройства. Все это должно выглядеть как настоящее мобильное приложение, запущенное внутри реалистичного макета телефона.
Четко отобразите название тестируемого семейства моделей где-нибудь в верхней части интерфейса приложения, чтобы я мог определить, какую версию я просматриваю во время записи.
Сохраните всё в одном HTML-файле со встроенными CSS и JavaScript. Назовите файл ios-app-ui.html.
Не забывайте подписаться на НАШ ЧАТ, где мы делимся своими результатами.