Оформлення
Один шрифт, п’ять кольорів, десять пресетів. Досить, щоб форма стала безпомилково вашою, і достатньо мало, щоб зіпсувати її випадково було неможливо.
Як відкрити «Оформлення»
Відкрийте форму в редакторі й натисніть «Оформлення» у верхній панелі. На широкому екрані панель прилягає праворуч від форми; на телефоні вона підіймається аркушем знизу. Є й другий вхід: з панелі обкладинки та логотипа вгорі форми.
Кожна зміна одразу з’являється на формі перед вами. Саме полотно редагування переймає тему, тож ви не переглядаєте вигляд. Ви редагуєте всередині нього.
Тема зберігається у формі разом з рештою ваших змін. Окремого кроку збереження немає.
Шрифти
Десять гарнітур, одна на форму: геометричні, нейтральні, редакційні та серифні, щоб заявка на роботу й запрошення на вечірку не звучали однаково.
- Interза умовчанням
- Poppins
- Outfit
- Sora
- Space Grotesk
- DM Sans
- Lora
- Playfair Display
- Bricolage Grotesque
- Fraunces
На панелі кожна назва намальована власною гарнітурою, тож ви обираєте очима, а не пам’яттю. Шрифти завантажуються лише тоді, коли форма справді якийсь із них використовує.
П’ять кольорів
Форму визначають п’ять значень. Зразки нижче показують, з чого починає незаймана форма.
| Колір | Що він фарбує |
|---|---|
| Фон | Сторінка за формою, як у публічному посиланні, так і у вбудованій копії. |
| Текст | Запитання, описи та відповіді, які набирають. Другорядний текст виходить м’якшою сумішшю цього кольору з тлом. |
| Кнопка | Заливка кнопок надсилання й переходу далі. Їхні відтінки при наведенні та натисканні виводяться з неї, тож і чорна, і біла кнопка однаково відгукуються на дотик. |
| Текст кнопки | Напис на цих кнопках. |
| Акцент | Вибрані варіанти, кільця фокуса, посилання, прогрес і кожне підсвічування, яке малює форма. |
Як вибрати колір
Клацніть зразок, і відкриється палітра: тягніть усередині спектра або введіть шестизначний hex-код у поле під ним. Приймається будь-який hex. Фіксованого набору, з якого треба вибирати, немає.
Що Fillio вирахує за вас
Задаєте ви лише ці п’ять значень; усе інше виводиться з них. Поверхні полів, межі, текст-підказка та приглушений текст, серпанок при наведенні й заливка за обраним варіантом змішуються з ваших тла, тексту й акценту, тож вони лишаються однією родиною, хоч би що ви обрали. Текст, що лежить на акценті, добирається за виміряним контрастом. Саме тому підпис лишається читабельним і на блідо-м’ятному акценті, і на глибокому темно-синьому.
Оберіть темне тло, і форма перемкне свої системні елементи керування (лічильники чисел, вибір дати й часу, смуги прокручування) на темні варіанти й підніме поверхні полів, щоб поля не зникали у сторінці.
Пресети
Десять готових образів. Кожен задає шрифт і всі п’ять кольорів одразу (п’ять світлих, п’ять темних) і задуманий як відправна точка, а не як рішення.
| Пресет | Шрифт |
|---|---|
| Mono | Inter |
| Midnight | Space Grotesk |
| Warm | DM Sans |
| Mint | Outfit |
| Ink | Lora |
| Forest | Sora |
| Mocha | Fraunces |
| Sakura | DM Sans |
| Iris | Bricolage Grotesque |
| Citrus | Poppins |
Пресет, що збігається з вашими поточними значеннями, позначається на панелі. Змініть після цього хоча б одне значення, і позначка зникне. Відтоді тема ваша, а не пресету.
Де з’являється тема
Тема йде за формою всюди. Публічне посилання, полотно редактора й попередній перегляд показують її однаково, і вона діє на кожній сторінці багатосторінкової форми.
Вбудовування теж. Вбудована форма несе той самий шрифт і кольори, а сторінка вбудовування фарбує власне тло з теми, тож рамка збігається з формою, а не блимає спершу білим.
Кольори обкладинки та логотипа теж пропонуються з теми. Обкладинку, яку ви вже поставили, ніколи не перефарбовують під час зміни теми. Колір, який їй дали, лишається.
Темна форма лишається найшвидшим способом не бути схожою ні на що інше, відкрите людиною того дня; Midnight і Forest створені саме для цього. Акцент задавайте останнім. Це єдиний колір, за яким респонденти справді йдуть крізь форму.