Palette
Typography
Summary
Tre adesivi di carta — una finestra di browser, una cartella colori, un portatile a pastello — appoggiati sopra la pagina su piani WebGL con shader cloth: ondeggiano come carta appoggiata male e il puntatore che passa vicino li disturba. Sotto i 1080px il piano diventa una traslazione a scroll. Perché conta: è decorazione che reagisce. Dà profondità a una pagina piatta senza rubare spazio al contenuto, perché vive nei margini invece che nel flusso.
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
Tre adesivi di carta — una finestra di browser, una cartella colori, un portatile a pastello — appoggiati sopra la pagina su piani WebGL con shader cloth: ondeggiano come carta appoggiata male e il puntatore che passa vicino li disturba. Sotto i 1080px il piano diventa una traslazione a scroll.
Notes
Perché conta: è decorazione che reagisce. Dà profondità a una pagina piatta senza rubare spazio al contenuto, perché vive nei margini invece che nel flusso.
Meta
- Author
- Silvio Luchetti
- Published
- yesterday
- Remixes
- 0
- Views
- 0