Jak korzystać

• Motyw (1–6) zmienia układ, kroje pisma i efekty, Kolory (1–5) zmieniają tylko barwy. Każdy motyw można połączyć z każdą paletą. Po wybraniu motywu włącza się jego domyślna paleta (gwiazdka), a potem możesz ją zmienić.
• Pierwszy ekran „Wyrok” jest dostępny tylko w motywach 2 i 5. Hasło przełącza jedno z trzech haseł w tym ekranie.
• Wybrany zestaw zapisuje się w adresie strony (np. „#m2-k2-wyrok-h3”), więc możesz wysłać Andrzejowi konkretne ustawienie.

Efekty w motywach

Efekty robi biblioteka GSAP 3.13 z dodatkami ScrollTrigger i SplitText, ta sama co w wariancie D strony „cofnij-kredyt”. Zasada: każdy efekt albo pokazuje, co robi usługa, albo prowadzi wzrok. Nic nie rusza się „dla ozdoby”.

• Wszystkie motywy: nagłówek wjeżdża słowo po słowie; sekcje pojawiają się przy przewijaniu; przez przykładowy raport przesuwa się linia skanowania, a statusy pojawiają się po kolei; przyciski lekko się wciskają.
• 1. Granat i paragraf: złota linia rysuje się od środka; duży znak § w tle przesuwa się wolniej niż strona; nad kartą „Dla kogo” po najechaniu rośnie złoty pasek.
• 2. Dziennik prawniczy: linia pod menu rysuje się od lewej; pod słowem „sąd” pojawia się czerwone podkreślenie; liczba 2184 odlicza się od zera; wiersze „Dla kogo” odsuwają się po najechaniu. W ekranie „Wyrok”: kartka się wsuwa, pieczęć „przybija się” z lekkim drgnięciem kartki, a punkty „orzeka” wpisują się po kolei.
• 3. Precyzyjne narzędzie: pole do wgrywania wjeżdża i reaguje na najechanie.
• 4. Nocny audyt: paski pod „Pewność, Bezpieczeństwo, Zero data retention” wypełniają się po kolei; karty i raport podświetlają się w miejscu kursora.
• 5. Pismo z adnotacjami: kartka opada na biurko, zakreślacz przeciąga się po kolejnych sygnaturach, a przy każdej wysuwa się notatka na marginesie.
• 6. Rejestr: litery hasła wjeżdżają; w okienku „Weryfikacja pisma” sygnatury „przeliczają się” i dostają status (w pętli); pasek z prawdziwymi polskimi sprawami przesuwa się i zatrzymuje po najechaniu; sekcja „Jak działa sprawdzenie” zatrzymuje się na ekranie, a przewijanie wypełnia pasek postępu krok po kroku.

Efekty wymagają internetu (biblioteka ładuje się z serwera). Gdy w systemie włączone jest ograniczenie ruchu, strona pokazuje się bez animacji.

Motyw 6: Rejestr

Nowoczesny i typograficzny: krój Schibsted Grotesk, sygnatury w kroju JetBrains Mono, domyślna paleta 5 „Kobalt”. Nagłówkiem jest krótkie hasło „Sprawdzamy, zanim sprawdzi sąd”, więc widać, jak wygląda hasło 2 w praktyce. Z wszystkich motywów najmocniej pokazuje działanie narzędzia, bez ilustracji i bez obrazków udających ekran aplikacji. Sygnatury w okienku to celowo zera, żeby nie pokazywać zmyślonych sygnatur. Pasek pod nagłówkiem zawiera prawdziwe polskie sprawy z researchu; przed publikacją trzeba je sprawdzić w oficjalnych bazach.

Trzy propozycje hasła do nagłówka

1. „W imieniu rzetelności Twojego pisma”. Nawiązuje do formuły wyroku, ale jej nie udaje. Najlepiej pasuje do pierwszego ekranu w stylu wyroku.
2. „Sprawdzamy, zanim sprawdzi sąd”. Najkrótsze, mówi o korzyści i o stawce. Dobre także do reklam, do tytułu strony w Google i do motywu 6.
3. „Każda sygnatura. Każdy cytat. Każdy przepis.” Mówi wprost, co sprawdzamy. To hasło jest ustawione jako domyślne; pozostałe możesz włączyć w pasku.

Przycisk czy narzędzie w pierwszym ekranie? Moja rekomendacja

• W pierwszym ekranie wyraźny przycisk, a samo narzędzie na osobnej stronie: wgraj pismo, zobacz wycenę, zaloguj się i zapłać, odbierz raport.
• Logowanie dopiero po wgraniu pisma, nie przed. To moja opinia oparta na ogólnej praktyce: każdy krok przed pierwszym efektem zniechęca część osób.
• Pole do wgrania w pierwszym ekranie (motyw 3) może pojawić się na podstronach dla konsumentów i firm.