Il progetto

Come è costruito il sito

Un colore non si sceglie due volte, una dimensione non si inventa ogni volta. Tutto quello che vedi viene da un insieme chiuso di valori: questa pagina li mostra.

Colore

Una sola scala di grigi, undici gradini, più quattro colori con un compito preciso. Ogni accostamento di testo e sfondo raggiunge almeno 4,5:1.

ink 950#10151D
ink 800#2C3543
ink 600#556275
ink 400#94A0B1
ink 200#DCE1E8
ink 50#F6F8FA
brand#4F5D73
sole#E0995E
pioggia#2E8BF0
link#0E63D6

La scala della temperatura

Lo stesso colore per lo stesso grado, ovunque: nella striscia dei sette giorni, nel grafico orario, nei preferiti. È la ragione per cui un giorno caldo si riconosce senza leggere il numero. Vive sulle superfici, mai sul testo: nessuno di questi colori arriva a 4,5:1 su bianco.

-5°
15°
22°
28°
34°
40°

Testo

Un solo carattere, Manrope, in quattro pesi. Sette misure, dalla temperatura grande alla didascalia. Le cifre si incolonnano dove servono allineate e restano proporzionali dove sono da sole, così «6,3» non si legge «6, 3».

34°temperatura
Titolosezione
Testo correntelettura
Etichettametriche

Spazio e forma

Le distanze sono multipli di quattro. I raggi degli angoli sono cinque, non uno per componente. Le ombre sono tre: appoggiata, sollevata, in primo piano.

8
12
16
24
tondo

Regole che non si negoziano

Niente a piena larghezza
La griglia riserva da subito gli spazi degli annunci, anche quando sono spenti: accenderne uno non sposta niente di quello che stai leggendo.
Mai un annuncio sopra i dati
La temperatura e le prossime ore vengono prima di qualunque banner. Gli spazi pubblicitari sono marcati e riconoscibili.
Il colore non basta mai da solo
Ogni informazione data con il colore è scritta anche a parole o con un numero.

Il cielo che fa da sfondo a tutto questo ha una pagina sua: perché il sito cambia colore.