Apetyt na Dietę · Insulinopedia
Studio Prototypów UI & Design System

Baza ekranów i komponentów

Wszystkie pliki prototypów HTML stworzone w ramach projektu Insulinopedia. Zbudowane w technologii HTML5 + Tailwind CDN + Hugeicons + Vanilla JS na ramkach iOS 390×844.

5 Plików HTML 11 Ekranów głównych 11 Nakładek (OS01–OS11) iOS 390×844
Główny Przepływ

Aplikacja Główna

main.html

Główny ekran Home z promocyjnymi boksami Od Apetyt na Dietę, pełny katalog produktów z filtrowaniem i sortowaniem, panel wyszukiwania, ekran ulubionych oraz ustawienia aplikacji.

04 Home / Start 05 Katalog produktów 06 Panel filtrów 09 Szukaj 10 Ulubione 11 Ustawienia
Otwórz Aplikację Główną
Wejście / Auth

Logowanie & Onboarding

login.html

Ekran powitalny Splash z animacją, 3-slajdowy onboarding z ilustracjami wartości aplikacji, zakładki Logowania i Rejestracji, logowanie społecznościowe (Google/Apple) oraz reset hasła.

01 Splash 02 Onboarding (02a–c) 03 Zaloguj / Zarejestruj 03a Reset hasła
Otwórz Przepływ Logowania
Stany & Nakładki

Overlaye & Stany (OS)

other.html

Galeria ścienna 11 nakładek i stanów przejściowych aplikacji: toasty potwiedzeń (OS01), bramki logowania (OS02), alerty iOS (OS03), dialogi zgód (OS04), stany pustych ulubionych/szukania (OS08–OS10) i tryb offline (OS11).

OS01 Toast OS02 Auth-gate OS03 Alert OS07 Skeleton OS08–10 Empty OS11 Offline
Otwórz Galerię Nakładek