Palette
Typography
Summary
Il testo lungo non compare: si inchiostra. Ogni parola passa dal grigio carta al nero seguendo lo scroll, con un ritardo per parola che fa scrivere la riga da sinistra a destra, e i disegni animati stanno dentro la frase — non accanto — in mix-blend-mode multiply, così la carta a pallini si vede attraverso il tratto. Perché conta: è il modo più economico di far leggere un testo lungo. L'occhio segue la testina invece di misurare quanto manca.
Style
Carta crema a pallini, inchiostro scuro, un blu e un corallo; serif variabile per il display, grafia a mano per le annotazioni, monospace per le etichette.
Carta #f6efe3 con griglia a pallini, inchiostro #1a1a2e, blu #2b45ff e corallo #ff5a36 come soli accenti, giallo #ffd23f e menta #4fd1a5 per i tocchi. Fraunces variabile (opsz 144, peso 300) per il display, Gochi Hand per le scritte a mano, DM Mono per le etichette in maiuscoletto. I disegni sono video bianchi opachi in mix-blend-mode multiply: nessuna sezione può avere uno z-index o il bianco torna a coprire.
Layout & structure
Una sola sezione, presa dalla pagina a cui appartiene.
La sezione
Il testo lungo non compare: si inchiostra. Ogni parola passa dal grigio carta al nero seguendo lo scroll, con un ritardo per parola che fa scrivere la riga da sinistra a destra, e i disegni animati stanno dentro la frase — non accanto — in mix-blend-mode multiply, così la carta a pallini si vede attraverso il tratto.
Notes
Perché conta: è il modo più economico di far leggere un testo lungo. L'occhio segue la testina invece di misurare quanto manca.
Meta
- Author
- Silvio Luchetti
- Published
- yesterday
- Remixes
- 0
- Views
- 0