Dostosuj
Jedna czcionka, pięć kolorów, dziesięć gotowych zestawów. Tyle, żeby formularz był nie do pomylenia z żadnym innym, i na tyle mało, żeby nie dało się go przypadkiem zepsuć.
Otwieranie panelu Dostosuj
Otwórz formularz w edytorze i kliknij Dostosuj na górnym pasku. Na szerokim ekranie panel dokuje po prawej stronie formularza; na telefonie wysuwa się od dołu jako arkusz. Jest też drugie wejście: z paska okładki i logo na górze formularza.
Każda zmiana ląduje od razu na formularzu widocznym na ekranie. Sama kanwa edycji przyjmuje motyw, więc to nie jest podgląd wyglądu. To edycja wewnątrz niego.
Motyw jest przechowywany na formularzu i zapisywany razem z resztą zmian. Nie ma osobnego kroku zapisu.
Czcionki
Dziesięć krojów, jeden na formularz: geometryczne, neutralne, redakcyjne i szeryfowe, żeby podanie o pracę i zaproszenie na imprezę nie brzmiały tak samo.
- Interdomyślna
- Poppins
- Outfit
- Sora
- Space Grotesk
- DM Sans
- Lora
- Playfair Display
- Bricolage Grotesque
- Fraunces
W panelu każda nazwa jest napisana własnym krojem, więc wybiera się wzrokiem, a nie z pamięci. Czcionki są pobierane tylko wtedy, gdy formularz faktycznie z nich korzysta.
Pięć kolorów
Formularz definiuje pięć wartości. Poniższe próbki to stan, od którego zaczyna nietknięty formularz.
| Kolor | Co maluje |
|---|---|
| Tło | Strona za formularzem, zarówno w publicznym linku, jak i w osadzeniu. |
| Tekst | Pytania, opisy i wpisywane odpowiedzi. Tekst drugorzędny to łagodniejsza mieszanka tego koloru i tła. |
| Przycisk | Wypełnienie przycisków wysyłania i przejścia dalej. Ich odcienie po najechaniu i naciśnięciu są z niego wyliczane, więc i czarny, i biały przycisk reaguje na dotyk. |
| Tekst przycisku | Napis na tych przyciskach. |
| Akcent | Zaznaczone opcje, obwódki fokusu, linki, postęp i każde wyróżnienie, jakie rysuje formularz. |
Wybieranie koloru
Kliknij próbkę, a otworzy się selektor: przeciągaj po spektrum albo wpisz sześciocyfrowy kod szesnastkowy w polu pod nim. Przyjmowany jest każdy kod. Nie ma zamkniętej palety, z której trzeba wybierać.
Co Fillio wylicza samo
Tylko te pięć wartości ustawia się ręcznie; cała reszta jest z nich wyprowadzana. Powierzchnie pól, obramowania, tekst zastępczy i wyciszony, welony po najechaniu oraz wypełnienie wybranej opcji są mieszane z tła, tekstu i akcentu, więc zostają w tej samej rodzinie niezależnie od wyboru. Tekst leżący na akcencie jest dobierany według zmierzonego kontrastu, dlatego etykieta pozostaje czytelna zarówno na bladym miętowym, jak i na głębokim granatowym akcencie.
Po wybraniu ciemnego tła formularz przełącza natywne kontrolki (sterowanie liczbami, wybór daty i godziny, paski przewijania) na warianty ciemne i podnosi powierzchnie pól, żeby nie znikały w tle strony.
Gotowe zestawy
Dziesięć kompletnych wyglądów. Każdy ustawia czcionkę i wszystkie pięć kolorów naraz (pięć jasnych, pięć ciemnych) i ma być punktem wyjścia, a nie decyzją.
| Zestaw | Czcionka |
|---|---|
| Mono | Inter |
| Midnight | Space Grotesk |
| Warm | DM Sans |
| Mint | Outfit |
| Ink | Lora |
| Forest | Sora |
| Mocha | Fraunces |
| Sakura | DM Sans |
| Iris | Bricolage Grotesque |
| Citrus | Poppins |
Zestaw zgodny z bieżącymi wartościami jest oznaczony w panelu. Zmiana choćby jednej wartości kasuje oznaczenie. Od tego momentu motyw jest własny, a nie gotowy.
Gdzie widać motyw
Motyw podróżuje razem z formularzem. Publiczny link, kanwa edytora i podgląd renderują się w nim, i obejmuje on każdą stronę formularza wielostronicowego.
Osadzenia też. Osadzony formularz niesie tę samą czcionkę i te same kolory, a strona osadzenia maluje własne tło z motywu, więc ramka pasuje do formularza, zamiast najpierw błysnąć bielą.
Kolory okładki i logo są także podpowiadane z motywu. Już umieszczona okładka nigdy nie jest przemalowywana przy zmianie motywu. Kolor, który dostała, zostaje.
Ciemny formularz to najszybszy sposób, żeby nie przypominać niczego innego, co ktoś tego dnia otworzył; Midnight i Forest są do tego stworzone. Akcent ustaw na końcu. To jedyny kolor, za którym respondenci naprawdę podążają przez formularz.