Оформление

Как открыть «Настроить»

Откройте форму в редакторе и нажмите «Настроить» в верхней панели. На широком экране панель пристыковывается справа от формы; на телефоне она поднимается шторкой снизу. Есть и второй вход: из панели обложки и логотипа над формой.

Каждое изменение сразу ложится на форму перед вами. Сам холст редактора принимает оформление на себя, поэтому вы не смотрите предпросмотр. Вы редактируете внутри него.

Оформление хранится на форме и сохраняется вместе с остальными правками. Отдельного шага сохранения нет.

Шрифты

Десять гарнитур, одна на форму: геометрические, нейтральные, редакционные и с засечками, чтобы отклик на вакансию и приглашение на вечеринку не звучали одинаково.

В панели каждое название набрано своей же гарнитурой, поэтому вы выбираете глазами, а не по памяти. Шрифты загружаются, только когда форма действительно ими пользуется.

Пять цветов

Форму определяют пять значений. Образцы ниже показывают, с чего начинает нетронутая форма.

Выбор цвета

Нажмите на образец, и откроется палитра: тяните внутри спектра или введите шестизначный код hex в поле под ним. Принимается любой hex. Фиксированной палитры, из которой нужно выбирать, нет.

Что Fillio вычисляет за вас

Задаёте вы только эти пять значений; всё остальное выводится из них. Поверхности полей, границы, текст подсказок и приглушённый текст, вуали при наведении и заливка за выбранным вариантом смешиваются из вашего фона, текста и акцента, поэтому остаются в одном семействе, что бы вы ни выбрали. Текст поверх акцента подбирается по измеренному контрасту, поэтому подпись остаётся читаемой и на бледно-мятном акценте, и на глубоком тёмно-синем.

Выберите тёмный фон, и форма переключит системные элементы управления (счётчики чисел, выбор даты и времени, полосы прокрутки) на тёмные варианты, а поверхности полей приподнимет, чтобы поля не растворялись в странице.

Пресеты

Десять готовых образов. Каждый задаёт шрифт и все пять цветов разом (пять светлых, пять тёмных) и задуман как отправная точка, а не как решение.

Пресет, совпадающий с вашими текущими значениями, отмечен в панели. Измените после этого хотя бы одно значение, и отметка снимется. С этого момента оформление ваше, а не пресета.

Где проявляется оформление

Оформление принадлежит форме и следует за ней повсюду. В нём открывается и публичная ссылка, и холст редактора, и предпросмотр, а в многостраничной форме оно действует на всех страницах.

Встраивания тоже. Встроенная форма несёт тот же шрифт и цвета, а страница встраивания красит собственный фон из оформления, поэтому рамка совпадает с формой, а не вспыхивает белым.

Цвета обложки и логотипа тоже подсказываются из оформления. Уже поставленная обложка при смене темы никогда не перекрашивается. Заданный ей цвет остаётся.