Personalizar
Um tipo de letra, cinco cores, dez predefinições. Suficiente para tornar um formulário inconfundivelmente seu, e contido o bastante para não conseguir estragá-lo por acidente.
Abrir Personalizar
Abra um formulário no editor e clique em Personalizar na barra superior. Num ecrã largo o painel encosta à direita do formulário; num telemóvel sobe como uma folha a partir do fundo. Há uma segunda entrada pela barra de capa e logótipo no topo do formulário.
Todas as alterações chegam de imediato ao formulário à sua frente. A própria tela de edição adota o tema, por isso não está a pré-visualizar o aspeto. Está a editar dentro dele.
O tema é guardado no formulário e gravado com o resto das suas edições. Não há um passo de gravação em separado.
Tipos de letra
Dez tipos de letra, um por formulário: geométrico, neutro, editorial e serifado, para que uma candidatura a emprego e um convite para uma festa não tenham de soar igual.
- Interpredefinido
- Poppins
- Outfit
- Sora
- Space Grotesk
- DM Sans
- Lora
- Playfair Display
- Bricolage Grotesque
- Fraunces
No painel, cada nome é desenhado no seu próprio tipo de letra, para que escolha olhando em vez de recordando. Os tipos de letra só são carregados quando um formulário os usa de facto.
As cinco cores
Cinco valores definem um formulário. As amostras abaixo são aquilo com que um formulário por tocar começa.
| Cor | O que pinta |
|---|---|
| Fundo | A página por trás do formulário, tanto na ligação pública como na incorporação. |
| Texto | As perguntas, as descrições e as respostas enquanto são escritas. O texto secundário é uma mistura mais suave desta cor com o fundo. |
| Botão | O preenchimento dos botões de envio e de avanço. Os tons de passagem do cursor e de pressão são calculados a partir dele, para que um botão preto e um branco respondam ambos ao toque. |
| Texto do botão | A etiqueta que assenta sobre esses botões. |
| Destaque | As opções selecionadas, os anéis de foco, as ligações, o progresso e todos os destaques que o formulário desenha. |
Escolher uma cor
Clique numa amostra e o seletor abre-se: arraste dentro do espetro ou escreva um código hexadecimal de seis dígitos no campo por baixo. Qualquer hexadecimal é aceite. Não há uma paleta fixa por onde tenha de escolher.
O que o Fillio calcula por si
Só esses cinco valores lhe cabem definir; tudo o resto é derivado deles. As superfícies dos campos, os contornos, o texto de exemplo e o texto esbatido, os véus de passagem do cursor e o preenchimento por trás de uma opção escolhida são todos misturados a partir do seu fundo, do texto e do realce, para que se mantenham na mesma família seja o que for que escolher. O texto que assenta sobre o realce é escolhido por contraste medido, e é por isso que uma etiqueta se mantém legível tanto sobre um realce menta pálido como sobre um azul-marinho profundo.
Escolha um fundo escuro e o formulário muda os seus controlos nativos (seletores numéricos, seletores de data e hora, barras de deslocamento) para as variantes escuras, e levanta as superfícies dos campos para que estes nunca desapareçam na página.
Predefinições
Dez aspetos completos. Cada um define o tipo de letra e as cinco cores de uma só vez (cinco claros, cinco escuros) e serve como ponto de partida e não como decisão.
| Predefinição | Fonte |
|---|---|
| Mono | Inter |
| Midnight | Space Grotesk |
| Warm | DM Sans |
| Mint | Outfit |
| Ink | Lora |
| Forest | Sora |
| Mocha | Fraunces |
| Sakura | DM Sans |
| Iris | Bricolage Grotesque |
| Citrus | Poppins |
A predefinição que corresponde aos seus valores atuais está assinalada no painel. Altere um único valor a seguir e a marca desaparece. A partir daí o tema é seu, não da predefinição.
Onde o tema aparece
O tema viaja com o formulário. A ligação pública, a tela do editor e a pré-visualização são todas apresentadas com ele, e aplica-se a todas as páginas de um formulário com várias páginas.
As incorporações estão incluídas. Um formulário incorporado leva o mesmo tipo de letra e as mesmas cores, e a página de incorporação pinta o seu próprio fundo a partir do tema, para que a moldura combine com o formulário em vez de piscar a branco primeiro.
As cores da capa e do logótipo também são sugeridas a partir do tema. Uma capa que já tenha colocado nunca é repintada quando muda de tema. A cor que lhe foi dada mantém-se.
Um formulário escuro é a forma mais rápida de não se parecer com nada do que alguém abriu nesse dia; o Midnight e o Forest são feitos para isso. Defina o realce em último. É a única cor que os respondentes realmente seguem ao longo do formulário.