Personalizza
Un font, cinque colori, dieci preset. Abbastanza per rendere un modulo inconfondibilmente suo, e abbastanza poco da non poterlo imbruttire per sbaglio.
Aprire Personalizza
Apra un modulo nell'editor e clicchi Personalizza nella barra in alto. Su uno schermo largo il pannello si aggancia a destra del modulo; su un telefono sale come un foglio dal basso. C'è un secondo accesso dalla barra di copertina e logo in cima al modulo.
Ogni modifica arriva subito sul modulo che ha davanti. La tela di modifica adotta il tema, quindi non sta guardando un'anteprima dell'aspetto: sta lavorando dentro di esso.
Il tema è salvato sul modulo insieme al resto delle sue modifiche. Non c'è un salvataggio a parte.
Font
Dieci caratteri, uno per modulo: geometrici, neutri, editoriali e con grazie, così una candidatura di lavoro e un invito a una festa non devono per forza avere la stessa voce.
- Interpredefinito
- Poppins
- Outfit
- Sora
- Space Grotesk
- DM Sans
- Lora
- Playfair Display
- Bricolage Grotesque
- Fraunces
Nel pannello ogni nome è scritto nel proprio carattere, così sceglie guardando invece che ricordando. I font vengono scaricati solo quando un modulo ne usa davvero uno.
I cinque colori
Cinque valori definiscono un modulo. I campioni qui sotto sono quelli da cui parte un modulo non ancora toccato.
| Colore | Che cosa colora |
|---|---|
| Sfondo | La pagina dietro il modulo, tanto nel link pubblico quanto nell'incorporamento. |
| Testo | Domande, descrizioni e le risposte che si stanno digitando. Il testo secondario è una miscela più tenue di questo colore e dello sfondo. |
| Pulsante | Il riempimento dei pulsanti di invio e di avanzamento. Le loro tonalità al passaggio del mouse e alla pressione sono ricavate da qui, così un pulsante nero e uno bianco rispondono entrambi al tocco. |
| Testo pulsante | L'etichetta che sta su quei pulsanti. |
| Accento | Opzioni selezionate, anelli di focus, link, avanzamento e ogni evidenziazione che il modulo disegna. |
Scegliere un colore
Clicchi un campione e si apre il selettore: trascini dentro lo spettro, oppure digiti un codice esadecimale a sei cifre nel campo sotto. Va bene qualsiasi esadecimale: non c'è una tavolozza fissa da cui scegliere.
Che cosa calcola Fillio per lei
Solo quei cinque valori sono suoi da impostare; tutto il resto ne deriva. Le superfici dei campi, i bordi, il testo segnaposto e quello attenuato, i veli al passaggio del mouse e il riempimento dietro un'opzione scelta sono tutti miscelati dal suo sfondo, dal testo e dall'accento, così restano nella stessa famiglia qualunque cosa scelga. Il testo che sta sull'accento viene scelto in base al contrasto misurato, ed è per questo che un'etichetta resta leggibile tanto su un accento verde menta chiaro quanto su un blu notte profondo.
Scelga uno sfondo scuro e il modulo passa alla versione scura dei controlli nativi (selettori numerici, selettori di data e ora, barre di scorrimento) e schiarisce le superfici dei campi, perché non spariscano mai nella pagina.
Preset
Dieci aspetti completi. Ognuno imposta il font e tutti e cinque i colori in una volta (cinque chiari, cinque scuri) ed è pensato come punto di partenza più che come decisione.
| Preset | Carattere |
|---|---|
| Mono | Inter |
| Midnight | Space Grotesk |
| Warm | DM Sans |
| Mint | Outfit |
| Ink | Lora |
| Forest | Sora |
| Mocha | Fraunces |
| Sakura | DM Sans |
| Iris | Bricolage Grotesque |
| Citrus | Poppins |
Il preset che corrisponde ai suoi valori attuali è segnalato nel pannello. Cambi un solo valore e il segno sparisce: da quel momento il tema è suo, non del preset.
Dove si vede il tema
Il tema viaggia con il modulo. Il link pubblico, la tela dell'editor e l'anteprima lo mostrano tutti, e vale per ogni pagina di un modulo multipagina.
Gli incorporamenti sono compresi. Un modulo incorporato porta con sé lo stesso font e gli stessi colori, e la pagina di incorporamento colora il proprio sfondo dal tema, così la cornice si abbina al modulo invece di lampeggiare prima di bianco.
Anche i colori di copertina e logo vengono suggeriti dal tema. Una copertina che ha già messo non viene mai ricolorata quando cambia tema: il colore che le ha dato resta.
Un modulo scuro è il modo più rapido per non somigliare a nient'altro di ciò che qualcuno ha aperto quel giorno; Midnight e Forest sono fatti per questo. Imposti l'accento per ultimo: è l'unico colore che chi risponde segue davvero lungo il modulo.