Updated 20 September 2026 Awwwards The FWA CSS Design Awards

Exhibita

A journal of the best-designed websites

La versione breve

Fuori: titoli giganti.Dentro: una sequenza guidata.

i titoli giganti sono passati dal 25% al 16% dei siti premiati in un anno, mentre una sequenza guidata è passata dal 22% al 29%. Nessuno dei due numeri include i siti degli studi di design stessi — uno studio che pubblicizza se stesso fa un lavoro diverso.

01 — The short answer

Cosa va di moda

Cinque classifiche a ritroso: che aspetto hanno i vincitori, i colori che usano, cosa si muove, come le persone vengono guidate, e cosa sta salendo più velocemente. Ogni riga mostra un vincitore che lo incarna, e indica se è in crescita o in calo.

02 — Which way this is heading

In & Out

In calo: titoli giganti, dal 25% al 16%. In crescita: una sequenza guidata, dal 22% al 29%. Ogni variazione nel registro, contata in due modi indipendenti, con quelle su cui i due conteggi concordano segnalate.

03 — Ranked by the jury

I più votati

Ogni vincitore recente nell'ordine in cui la giuria lo ha valutato, le new entry di questa settimana e la classifica in tempo reale da cinque fonti di premi.

04 — What they have in common

Tendenze

L'intero registro letto tutto insieme: quali tratti si aggregano, quali si sono spostati e cosa distingue un tipo di sito dall'altro.

05 — Browse by kind of business

Categorie

Negozi, musei, ristoranti, studi — 20 tipi di sito, perché un panificio e una banca non hanno lo stesso brief e non dovrebbero approdare alla stessa pagina.

06 — Browse by decision

Craft

Colore, struttura e movimento — le tre decisioni che ogni progetto prende, e ciò che ciascuna segnala sul tipo di sito che si sta costruendo.

07 — What tomorrow looks like

Futurism

Il lavoro su AI, spazio e sintetico ha un'estetica condivisa — e non è quella scura e luminescente a cui ogni brief mira per primo.

08 — One list, eight ways

Wire

Le novità di oggi mostrate in otto modi diversi — marquee, poster, mosaico, terminale, contact sheet — e cosa fa ciascuna disposizione allo stesso materiale.

09 — The screen it is really seen on

Phone

Cosa fa davvero diverso il lavoro pensato prima di tutto per il telefono — l'ordine delle cose, non il loro aspetto — e quali tipi di sito si sgretolano quando viene meno la composizione ampia.

10 — How people get around a page

Navigazione

Quali pattern sono in ascesa, quali stanno tramontando, e quanto costa davvero un percorso che le persone devono imparare — misurato rispetto ai voti di usabilità della giuria stessa.

11 — Showing your own work

Portfolios

Un portfolio che vince è costruito con pagine, non con effetti speciali — una vera pagina progetto e una vera pagina about battono ogni effetto a cui il lavoro per i clienti si aggrappa. Sei modi di mettere il lavoro davanti a qualcuno.

12 — The first screen

Landings

Le landing page che le gallerie mostrano questa settimana, e cosa contiene la prima schermata vincente prima che venga eseguito qualsiasi JavaScript.

13 — What the first screen says

Parole

I titoli presi dalle home page personali dei 288 vincitori, parola per parola. Il 78% di essi non si rivolge a nessuno — niente tu, niente noi — l'esatto opposto di ogni istruzione mai data sulla scrittura per il web.

14 — A sister publication

GoGoViral

GOGOVIRAL: come le cose si diffondono, con ogni regola segnata due volte — una per quanto siamo sicuri, una per cosa ne ha fatto l'evidenza.

15 — Presenting yourself

Designer

Una griglia di miniature da sfogliare sul 22% dei siti dei designer contro il 7% di quelli degli studi, e il 3D sul 23% contro il 35% — con designer reali che spiegano la propria pratica, e uno scaffale live di siti personali.

16 — The work ahead

Cosa viene dopo

Quali lavori del design sono in crescita, quali in calo, e più o meno quando.

17 — How the numbers are made

Come viene giudicato

Design 40, usabilità 30, creatività 20, contenuto 10. Diciotto giurati, i tre punteggi più estremi scartati, e un tempo limite di cinque giorni.

18 — Who keeps winning

Studios

La classifica di tutti i tempi: quali studi superano l'asticella ancora e ancora, dove si trovano, e le diverse strategie dietro a ciò.

19 — Sites taken apart

Casi studio

Vincitori osservati da vicino — compresi quelli che si sono aggiudicati il primo premio con quasi nessuna delle tecnologie che tutti danno per scontate.

20 — Every Site of the Year

Canon

Il primo premio del web, tutto in un'unica galleria. Scorri fino al più antico e ti troverai davanti al web piatto di un decennio fa.

21 — What they are built with

Stack

Come viene coreografato il movimento, come viene disegnata la profondità, e perché queste competenze stanno diventando insegnabili anziché rare.

Che aspetto ha davvero il futuristico

Essere Dark Non Basta

Hubtown: a glowing monolith on a dark alien landscape — a real-estate developer whose home page looks like science fiction
Hubtown, 7.66 — uno dei maggiori sviluppatori immobiliari dell'India. Il 91% dell'immagine è scuro. Vende appartamenti.

69 vincitori appaiono futuristici a prima vista — giudicati solo dallo screenshot, ignorando il soggetto e qualsiasi testo leggibile. La maggior parte di essi non vende il futuro. Vendono appartamenti, gioielli, abiti.

Il fondo scuro è reale

In quei 69 siti, il 44% dei colori utilizzati è quasi nero. In tutti gli altri vincitori è il 33%. I lavori che appaiono futuristici sono davvero più scuri.

Quel che non è, è sufficiente da solo. Anche un quarto di tutto il resto è scuro, e quasi nulla di esso risulta futuristico. Una pagina scura non è, di per sé, una pagina futuristica.

Cosa fa davvero

Ciò che li distingue è quello che accade sopra lo scuro. Sono filtri ed effetti, a un ritmo 2.48 volte superiore rispetto a tutto il resto — l'immagine alterata dal vivo — grana, sfocatura, distorsione, bordi cromatici. È un trattamento applicato a materiale ordinario, non uno stile di disegno: una fotografia scomposta e ricomposta appare futuristica, mentre la stessa fotografia posata piatta no.

Poi ti trattiene lì. Lo storytelling corre a un ritmo 1.4 volte superiore — accompagnandoti attraverso qualcosa in un ordine fisso — perché un futuro è un'affermazione più che un fatto, e un'affermazione va costruita prima di poter essere ammirata.

Ciò che questi lavori fanno meno è l'opposto: lo scrolling corre a un ritmo di 0.77 volte. Compostezza e futurismo tirano davvero in direzioni opposte, l'unica ipotesi comune che le misurazioni confermano.

Quindi cosa farne

Uno sfondo scuro è un punto di partenza ragionevole, ma il resto va fatto comunque. Ciò che fa percepire una pagina come all'avanguardia è intervenire sull'immagine davanti a chi guarda — un'immagine che si affina, si distorce o reagisce mentre la si osserva, piuttosto che limitarsi ad apparire. È un trattamento applicato a una fotografia ordinaria, non un cambio di marchio.

Poi mettilo in sequenza: il 30.4% di questi lavori è un ordine fisso attraverso cui vieni condotto, contro il 21.7% altrove, una decisione strutturale presa ben prima che venga disegnato qualcosa. E non fermarti allo sfondo scuro — con il 44% contro il 33% è più diffuso in questi lavori, ma anche un terzo di tutti gli altri vincitori è scuro.

69 su 396 vincitori dotati di screenshot, ciascuno valutato in base a quanto la sua home page appaia futuristica — solo immagine, ignorando soggetto e testo leggibile — messi a confronto con i 327 che hanno ottenuto un punteggio inferiore. La lettura completa, con i colori effettivamente utilizzati.

La storia 2 settembre 2026

Into the Storm: a face and a mountain ridge in double exposure, with AIM HIGH set across it in heavy condensed capitals
Into the Storm, 8.15 — il sito con il punteggio più alto dell'archivio, e il suo titolo sono due parole che non chiedono nulla.

Nessuno Sta Parlando con Te

Ogni guida alla scrittura per il web comincia con la stessa istruzione: rivolgiti al lettore. Guarda cosa vince e il lettore è quasi assente. Il titolo sui siti più apprezzati del web è lungo cinque parole, non fa nessuna promessa, e nomina la cosa piuttosto che la persona che la guarda.

How a winning headline opens
Names the thing, no claim52%
A full sentence, with a full stop27%
Says the company’s own name16%
Says you or your13%
Says we or our11%
Opens on a verb: get, meet, start10%

Quote dei titoli in lingua inglese. Una riga può fare più di una di queste cose, quindi non sommano a cento.

Leggi una dozzina di home page vincenti una dopo l'altra e la somiglianza è difficile da non notare. Vere intuizioni umane. L'eredità del design grafico canadese. Produttività potenziata. La storia degli avvocati da prigione. Cinque parole nella fascia media, nessun verbo che lavori davvero, e nulla in esse rivolto a chi legge. Sono etichette, impostate enormi.

È l'opposto di ciò che a tutti viene insegnato. Scrivi a qualcuno. Dì tu. Fai una promessa. È la prima istruzione in ogni guida alla scrittura per il web, e quattro titoli su cinque non contengono alcun tu, alcun tuo, alcun noi e alcun nostro. Dove un pronome compare, la divisione è quasi netta — il 13% parla al lettore, l'11% parla dell'azienda — che non è lo squilibrio suggerito dai consigli.

Leggi la storia completaChiudi

C'è un solo punto in cui lo schema si rompe, ed è il punto in cui ti aspetteresti meno sobrietà. Sul sito di uno studio, noi compare nel 22% dei titoli contro il 6% del lavoro per i clienti prodotto dagli stessi studi. Davanti a un incarico senza nessuno che debba approvarlo, i designer scrivono di sé stessi. È l'unica divisione netta in tutto il confronto.

I bottoni raccontano la stessa storia da sotto. Tra i vincitori che presentano le parole in modo semplice, 1.125 etichette diverse compaiono su elementi costruiti per sembrare un bottone, e la più comune di esse ricorre su circa un sito su quattordici. Non esiste affatto un vocabolario condiviso per un bottone — nessun equivalente dell'ottagono rosso. E le parole che ricevono più risalto su un sito vincente sono per lo più luoghi dove andare piuttosto che cose da fare: contatti, chi siamo, iscriviti.

Perché un settore così attento dovrebbe abbandonare il lettore? Perché su una pagina come Into the Storm, è l'immagine a fare la promessa. Un titolo impostato a quella dimensione smette di essere testo e diventa parte della composizione — deve sopravvivere a una lettura di sfuggita e da un'estremità all'altra di una stanza, e una frase con una subordinata non ce la fa. Le parole si fanno brevi perché il progetto si è preso l'incarico.

È uno scambio reale, e vale sapere di farlo. Un'etichetta funziona quando dietro c'è una fotografia abbastanza forte da sostenere l'argomento. Quando non c'è, una pagina che nomina sé stessa e non chiede nulla ha speso la sua posizione migliore per dire molto poco.

Perché contaApri il sito su cui stai lavorando e leggi ad alta voce la prima riga. Se nomina soltanto cos'è la cosa e nulla più, è lo stile della casa ed è defendibile — ma solo se l'immagine dietro sta facendo il lavoro. Se l'immagine è ordinaria, la frase deve guadagnarsi il posto.

Fonti: Awwwards Sites of the Day e of the Month · Into the Storm