Design
System.
Component library for Entriso PDF Viewer. Bold Geist display, energetic #FF5C01 orange on a warm off-white canvas. We add to this file as we build screens.
Foundations
Color palette
Near Black
#0E0F0C
Primary Orange
#FF5C01
Warm White
#FDFBF7
Light Peach
#FFF0EB
Warm Gray
#EBE6E2
Positive
#054d28
Danger
#d03238
Warning
#ffd11a
Warm Dark
#454745
Gray
#868685
Typography
Display Hero · Geist 700 · 0.85
Chroń swoje PDF-y
Section · Geist 700 · 4rem
Bezpieczna dystrybucja
Card Title · Inter 600 · 26px
Twój zakup jest gotowy
Body Semibold · Inter 600 · 18px
Czytanie odbywa się wyłącznie w aplikacji mobilnej.
Body · Inter 400 · 18px
Magic Link loguje Cię bez hasła i przenosi wprost do biblioteki.
Caption · Inter · 14px
Ostatnio aktywne: 2 godziny temu · Warszawa, PL
Radius
Elevation (ring only)
Form controls
Wyślemy Ci Magic Link — bez hasła.
Podaj poprawny adres email.
Toggle
Badges & status
Cards
Base card
Domyślny kontener treści z ring shadow i promieniem 30px.
Accent card
Wariant na tle Light Peach dla wyróżnień i highlightów DRM.
Dieta 90-dniowa.pdf
Sklep Ania Fit · 12 mar 2026
Stat tiles
128
+12 w tym miesiącu
3 402
Aktywne granty
48 210 zł
Prowizja 2% · nast. rozliczenie pt.
Alerts & banners
Wykryto podejrzaną aktywność
3 konta oznaczone jako High Risk Behavior w ostatnich 24h.
Czytanie PDF-ów odbywa się wyłącznie w aplikacji mobilnej Entriso.
Sklep połączony. Otrzymaliśmy PING z wtyczki.
Nie udało się zweryfikować klucza API. Sprawdź ustawienia wtyczki.
Trial kończy się za 9 dni
Wybierz plan, aby zachować ciągłość dostaw grantów.
Data table
| Kupujący | Urządzenia | Status | Akcje |
|---|---|---|---|
anna.k@gmail.com Sklep Ania Fit · 4 zakupy |
2 / 2 | OK | |
piotr.share@wp.pl Sklep Fitness Pro · 1 zakup |
3 / 2 przekroczono | High Risk | |
m.nowak@onet.pl Sklep Ania Fit · 2 zakupy |
1 / 2 | Cofnięty |
List rows
Urządzenia (2 / 2)
iPhone 15 · to urządzenie
Warszawa, PL · aktywne teraz
iPad Air
Kraków, PL · 2 dni temu
Historia zakupów
Dieta 90-dniowa
Ania Fit · 12 mar 2026 · #WC-3821
Trening w domu
Fitness Pro · 3 lut 2026 · #WC-2210
Stepper
Copy-code panel
ent_live_sk_9f2a7c4b1e8d3a6f0c9b2e5d8a1f4c7b
Modal & toast
Stos powiadomień w prawym górnym rogu: warianty success / error / info, aria-live="polite", auto-znikanie ~4 s, ręczne zamknięcie. W produkcie sterowany globalnym $store.toasts.
Cofnąć dostęp?
Kupujący piotr.share@wp.pl straci dostęp do wszystkich e-booków. Tej akcji nie można cofnąć.
App hand-off
Czytaj w aplikacji Entriso
Zeskanuj kod lub pobierz aplikację. Twój e-book czeka w bibliotece.
Segmented control
Login / Register
Reader theme (active = orange)
Filter chips
Active, removable (max one per dimension) + clear
Search field
Icon + clear button (appears with text)
Avatars
Selectable cards
Radio cards — selected state via has-[:checked]
Range sliders
File dropzone
Przeciągnij PDF tutaj lub kliknij, aby wybrać
Okładka i spis treści generowane automatycznie
Bar chart
Sprzedaż · ostatnie 7 dni
+18%Pricing cards
Miesięczny
99 zł/mies.
+ 2% od sprzedaży
- Nielimitowane PDF-y
- Watermark dynamiczny
Roczny
990 zł/rok
+ 2% od sprzedaży
- Wszystko z miesięcznego
- Dwa miesiące gratis
Empty state
Brak wyników
Zmień filtr lub frazę wyszukiwania.
Bottom sheet
Mobile filter/action pattern — scrollable body, sticky footer. Scales past a chip row.
Filtry
Sklep
Mobile tab bar
Onboarding carousel
Bezpieczna
Biblioteka
Twoje zakupione PDF-y chronione zaawansowanym DRM na Twoim urządzeniu.
Czytanie
Offline
Pobierz e-booka raz i czytaj w podróży bez połączenia z siecią internetową.
Logowanie
Bez Hasła
Kliknij w wysłany Magic Link, a zalogujemy Cię automatycznie.
Security & devices
Ostrzeżenie o zrzucie ekranu
Alert modalny wyświetlany w aplikacji iOS po wykryciu wykonania zrzutu ekranu w celu ochrony DRM.
Wykryto zrzut ekranu
System wykrył próbę wykonania zrzutu ekranu. Ta treść jest chroniona cyfrowo. Dalsze naruszanie zasad bezpieczeństwa może zablokować Twoje konto.
Blokada limitu urządzeń
Widok blokujący logowanie, gdy użytkownik przekroczył limit 2 aktywnych urządzeń.
Limit osiągnięty (2/2)
Aby się zalogować, wyloguj jedno z aktywnych urządzeń ze swojego konta:
Brak miejsca w pamięci
Alert modalny informujący użytkownika o niewystarczającej przestrzeni dyskowej na pobranie e-booka.
Brak miejsca w pamięci
Pobranie e-booka nie powiodło się. Zwolnij co najmniej 15 MB wolnego miejsca w pamięci telefonu i spróbuj ponownie.
Potwierdzenie odłączenia
Ekran lub modal potwierdzenia wylogowania aktywnego urządzenia z konta.
iPad Air
Kraków · ostatnio aktywny 2 dni temu
Odłączenie tego urządzenia spowoduje natychmiastowe wylogowanie z czytnika offline.
Phone frame
Ekran
Dropdown & menu
Overflow „…” menu
Panel powiadomień
Powiadomienia
Side drawer
Prawy panel (desktop) z nagłówkiem, zakładkami i stopką — np. szczegóły klienta. Na mobile odpowiednikiem jest bottom sheet (sekcja 25).
Progress & upload
Pasek postępu
Sekwencja uploadu (upload → przetwarzanie → gotowe)
Przesyłanie…
Generowanie okładki i TOC…
Gotowe!
Loading & spinner
Inline
Przycisk w toku
Wiersz „w toku”
Nowy plan treningowy
przetwarzamy Twój zakup…
Status card
Ekrany-rezultaty (ikona + tytuł + opis + CTA) w wariantach tonalnych — np. stany Magic Linka: zalogowano / wygasł / nieprawidłowy.
Zalogowano!
Przenosimy Cię do konta…
Link wygasł
Magic Linki są ważne 60 minut.
Nieprawidłowy link
Link uszkodzony lub już użyty.