Personalizar
Una tipografía, cinco colores, diez ajustes preestablecidos. Suficiente para que un formulario sea inconfundiblemente suyo, y lo bastante poco para que no pueda afearlo sin querer.
Abrir Personalizar
Abra un formulario en el editor y haga clic en Personalizar en la barra superior. En una pantalla ancha el panel se acopla a la derecha del formulario; en un móvil sube como una hoja desde abajo. Hay una segunda entrada desde la barra de portada y logo, en la parte superior del formulario.
Cada cambio se aplica de inmediato al formulario que tiene delante. El propio lienzo de edición adopta el tema, así que no está viendo una vista previa del aspecto: está editando dentro de él.
El tema se guarda en el formulario junto con el resto de sus ediciones. No hay un paso de guardado aparte.
Tipografías
Diez tipografías, una por formulario: geométricas, neutras, editoriales y con serifa, para que una solicitud de empleo y una invitación a una fiesta no tengan que sonar igual.
- Interpor defecto
- Poppins
- Outfit
- Sora
- Space Grotesk
- DM Sans
- Lora
- Playfair Display
- Bricolage Grotesque
- Fraunces
En el panel cada nombre está dibujado con su propia tipografía, así que elige mirando en vez de recordando. Las fuentes solo se descargan cuando un formulario usa una de verdad.
Los cinco colores
Cinco valores definen un formulario. Las muestras de abajo son con las que arranca un formulario sin tocar.
| Color | Qué pinta |
|---|---|
| Fondo | La página detrás del formulario, tanto en el enlace público como en la inserción. |
| Texto | Las preguntas, las descripciones y las respuestas que se van escribiendo. El texto secundario es una mezcla más suave de este color y el fondo. |
| Botón | El relleno de los botones de enviar y siguiente. Sus tonos al pasar el ratón y al pulsar se calculan a partir de él, así que tanto un botón negro como uno blanco responden al tacto. |
| Texto del botón | El texto que va sobre esos botones. |
| Acento | Las opciones seleccionadas, los anillos de foco, los enlaces, el progreso y cada realce que dibuja el formulario. |
Elegir un color
Haga clic en una muestra y se abre el selector: arrastre dentro del espectro o escriba un código hexadecimal de seis dígitos en el campo de debajo. Se acepta cualquier hexadecimal: no hay una paleta fija entre la que tenga que elegir.
Lo que Fillio calcula por usted
Solo esos cinco valores son suyos; todo lo demás se deriva de ellos. Las superficies de los campos, los bordes, el texto de marcador y el atenuado, los velos al pasar el ratón y el relleno tras una opción elegida se mezclan a partir de su fondo, su texto y su acento, así que se quedan en la misma familia elija lo que elija. El texto que va sobre el acento se elige por contraste medido, y por eso una etiqueta sigue siendo legible tanto sobre un acento menta pálido como sobre uno azul marino profundo.
Elija un fondo oscuro y el formulario cambia sus controles nativos (los selectores numéricos, los de fecha y hora, las barras de desplazamiento) a sus variantes oscuras, y aclara las superficies de los campos para que nunca desaparezcan en la página.
Ajustes preestablecidos
Diez aspectos completos. Cada uno fija la tipografía y los cinco colores de una vez (cinco claros y cinco oscuros) y está pensado como punto de partida, no como decisión.
| Preestablecido | Tipografía |
|---|---|
| Mono | Inter |
| Midnight | Space Grotesk |
| Warm | DM Sans |
| Mint | Outfit |
| Ink | Lora |
| Forest | Sora |
| Mocha | Fraunces |
| Sakura | DM Sans |
| Iris | Bricolage Grotesque |
| Citrus | Poppins |
El preestablecido que coincide con sus valores actuales aparece marcado en el panel. Cambie un solo valor después y la marca se borra: a partir de ese momento el tema es suyo, no del preestablecido.
Dónde aparece el tema
El tema viaja con el formulario. El enlace público, el lienzo del editor y la vista previa se muestran con él, y se aplica a todas las páginas de un formulario de varias páginas.
Las inserciones están incluidas. Un formulario insertado lleva la misma tipografía y los mismos colores, y la página de inserción pinta su propio fondo a partir del tema, para que el marco encaje con el formulario en lugar de destellar en blanco primero.
Los colores de la portada y el logo también se sugieren a partir del tema. Una portada que ya haya colocado nunca se repinta al cambiar de tema: se queda con el color que le dio.
Un formulario oscuro es la forma más rápida de no parecerse a nada de lo que alguien haya abierto ese día; Midnight y Forest están hechos para eso. Fije el acento al final: es el único color que la gente sigue de verdad a lo largo del formulario.