Updated 20 September 2026 Awwwards The FWA CSS Design Awards

Exhibita

A journal of the best-designed websites

La versión corta

Fuera: los titulares gigantes.Dentro: una secuencia guiada.

los titulares gigantes cayeron del 25% al 16% de los ganadores de premios en un año, mientras que una secuencia guiada pasó del 22% al 29%. Ninguna de las cifras incluye los sitios propios de los estudios de diseño — un estudio que se promociona a sí mismo hace un trabajo distinto.

01 — The short answer

Qué se lleva

Cinco cuentas atrás: cómo lucen los ganadores, los colores que usan, qué se mueve, cómo se guía a la gente, y qué está subiendo más rápido. Cada fila muestra un ganador que lo lleva, e indica si va en ascenso o en descenso.

02 — Which way this is heading

Entradas y Salidas

A la baja: los titulares gigantes, del 25% al 16%. Al alza: una secuencia guiada, del 22% al 29%. Cada movimiento del registro, contado de dos formas independientes, con los que ambos recuentos coinciden marcados.

03 — Ranked by the jury

Los mejor valorados

Todos los ganadores recientes en el orden en que los puntuó el jurado, las incorporaciones de esta semana y el tablero en vivo de cinco fuentes de premios.

04 — What they have in common

Tendencias

Todo el archivo leído de una vez: qué rasgos se agrupan, cuáles se han movido y qué separa un tipo de sitio de otro.

05 — Browse by kind of business

Categorías

Tiendas, museos, restaurantes, estudios — 20 tipos de sitio, porque una panadería y un banco no son el mismo encargo y no deberían llegar a la misma página.

06 — Browse by decision

Oficio

Color, estructura y movimiento — las tres decisiones que toma todo proyecto, y lo que cada una señala sobre el tipo de sitio que estás haciendo.

07 — What tomorrow looks like

Futurism

El trabajo sobre IA, el espacio y lo sintético comparte una estética —y no es la oscura y resplandeciente a la que todo brief recurre primero.

08 — One list, eight ways

Wire

Las novedades de hoy presentadas de ocho maneras distintas — marquesina, póster, mosaico, terminal, hoja de contactos — y lo que cada disposición le hace al mismo material.

09 — The screen it is really seen on

Phone

Qué hace distinto el trabajo pensado primero para el teléfono — el orden de las cosas más que su aspecto — y qué tipos de sitio se vienen abajo cuando desaparece la composición ancha.

10 — How people get around a page

Navegación

Qué patrones están en auge, cuáles están desapareciendo y cuánto cuesta realmente una ruta que la gente tiene que aprender — medido frente a las propias puntuaciones de usabilidad del jurado.

11 — Showing your own work

Portfolios

Un portfolio que gana está construido con páginas, no con espectáculo — una página de proyecto real y una página “acerca de” real superan a cualquier efecto al que recurre el trabajo para clientes. Seis maneras de poner el trabajo frente a alguien.

12 — The first screen

Landings

Las landing pages que las galerías muestran esta semana, y lo que una primera pantalla ganadora entrega antes de que corra cualquier JavaScript.

13 — What the first screen says

Palabras

Los titulares de las páginas de inicio de 288 ganadores, palabra por palabra. El 78% de ellos no se dirige a nadie —ni tú, ni nosotros— lo cual es justo lo contrario de cualquier instrucción jamás dada sobre cómo escribir para la web.

14 — A sister publication

GoGoViral

GOGOVIRAL: cómo se propagan las cosas, con cada regla marcada dos veces — una por lo seguros que estamos, otra por lo que la evidencia le hizo.

15 — Presenting yourself

Diseñadores

Una cuadrícula de miniaturas para explorar en el 22% de los sitios propios de los diseñadores frente al 7% de los de los estudios, y 3D en el 23% frente al 35% — con diseñadores reales explicando su propia práctica, y un estante en vivo de sitios personales.

16 — The work ahead

Lo que viene

Qué empleos de diseño están creciendo, cuáles se están reduciendo, y aproximadamente cuándo.

17 — How the numbers are made

Cómo se juzga

Diseño 40, usabilidad 30, creatividad 20, contenido 10. Dieciocho jurados, las tres puntuaciones más extremas descartadas y un plazo de cinco días.

18 — Who keeps winning

Studios

La tabla histórica: qué estudios superan el listón una y otra vez, dónde están y las distintas estrategias detrás de ello.

19 — Sites taken apart

Expedientes

Ganadores observados de cerca —incluidos los que se llevaron el primer premio con casi ninguna de las tecnologías que todos dan por imprescindibles.

20 — Every Site of the Year

Canon

El máximo premio en la web, todo en una sola galería. Desplázate hasta el más antiguo y estarás viendo la web plana de hace una década.

21 — What they are built with

Stack

Cómo se coreografía el movimiento, cómo se dibuja la profundidad, y por qué esas destrezas se están volviendo enseñables en lugar de escasas.

Cómo se ve realmente lo futurista

Ser oscuro no es suficiente

Hubtown: a glowing monolith on a dark alien landscape — a real-estate developer whose home page looks like science fiction
Hubtown, 7.66 — uno de los mayores promotores inmobiliarios de la India. El 91% de la imagen es oscuro. Vende apartamentos.

69 ganadores se leen como futuristas a simple vista — juzgados solo por la captura de pantalla, sin tener en cuenta el tema ni ningún texto legible. La mayoría no vende el futuro. Venden apartamentos, joyas, ropa.

El fondo oscuro es real

En esos 69 sitios, el 44% de los colores en uso son casi negros. En el resto de los ganadores es el 33%. El trabajo que parece futurista realmente es más oscuro.

Lo que no es, es suficiente por sí misma. Una cuarta parte de todo lo demás también es oscura, y casi nada de eso se lee como futurista. Una página oscura no es, por sí sola, futurista.

Lo que realmente hace

Lo que los distingue es lo que ocurre sobre esa oscuridad. Son los filtros y efectos, a 2.48 veces la tasa del resto — la imagen alterada en vivo — grano, desenfoque, desplazamiento, bordes cromáticos. Eso es un tratamiento aplicado a un material corriente, no un estilo de dibujo: una fotografía descompuesta y reensamblada se lee como futurista, y la misma fotografía colocada plana no.

Después te retiene ahí. La narrativa corre a 1.4 veces — guiándote por algo en un orden fijo — porque un futuro es una afirmación, no un hecho, y una afirmación hay que construirla antes de poder admirarla.

Lo que este trabajo hace menos es lo contrario: el scroll corre a 0.77 veces. La contención y el futurismo sí tiran en direcciones opuestas, que es la única suposición común que respaldan las mediciones.

Entonces, qué hacer con esto

Un fondo oscuro es un punto de partida razonable, pero el resto también hay que hacerlo. Lo que hace que una página se lea como vanguardista es hacerle algo a la imagen que tiene delante el espectador — una que se agudiza, se distorsiona o reacciona mientras se observa, en lugar de simplemente aparecer. Es un tratamiento aplicado a la fotografía convencional, no un cambio de marca.

Luego, secuénciarlo: el 30.4% de este trabajo es un orden fijo por el que se te conduce, frente al 21.7% en el resto, una decisión estructural tomada mucho antes de dibujar nada. Y no te quedes solo en el fondo oscuro — con un 44% frente a un 33% es más común en este trabajo, pero un tercio de todos los demás ganadores también es oscuro.

69 de 396 ganadores con captura de pantalla, cada uno puntuado según cuán fuertemente su página de inicio se lee como futurista — solo la imagen, sin tener en cuenta el tema ni el texto legible — frente a los 327 que puntuaron más bajo. La lectura completa, con los colores que sí utiliza.

La historia 2 de septiembre de 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 — el sitio con mayor puntuación del registro, y su titular son dos palabras que no te piden nada.

Nadie Te Está Hablando

Toda guía para escribir para la web empieza con la misma instrucción: dirígete al lector. Mira lo que está ganando y el lector apenas está presente. El titular en los sitios mejor valorados de la web tiene cinco palabras, no hace ninguna promesa, y nombra la cosa en lugar de a la persona que la mira.

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%

Proporciones de titulares en inglés. Una línea puede hacer más de una de estas cosas, así que no suman cien.

Lee una docena de páginas de inicio ganadoras una tras otra y la uniformidad es difícil de ignorar. Ideas humanas reales. La herencia del diseño gráfico de Canadá. Productividad sobrealimentada. La historia de los abogados de prisión. Cinco palabras en la media del rango, ningún verbo que haga trabajo alguno, y nada en ellas dirigido a la persona que lee. Son etiquetas, puestas enormes.

Esto es lo contrario de lo que a todos les enseñan. Escribe a alguien. Dice . Haz una promesa. Es la primera instrucción en toda guía para escribir para la web, y cuatro de cada cinco de estos titulares no contienen ningún , ningún tu, ningún nosotros ni ningún nuestro. Donde sí aparece un pronombre, la división es casi pareja — 13% le habla al lector, 11% habla sobre la empresa — que no es la brecha que sugiere el consejo.

Leer la historia completaCerrar

Hay un lugar donde el patrón se rompe, y es el lugar donde menos esperarías contención. En el sitio propio de un estudio, nosotros aparece en el 22% de los titulares frente al 6% del trabajo para clientes que esos mismos estudios producen. Dado un encargo sin nadie que lo apruebe, los diseñadores escriben sobre sí mismos. Es la única división clara en toda la comparación.

Los botones cuentan la misma historia desde abajo. En los ganadores que presentan sus palabras con sencillez, aparecen 1,125 etiquetas distintas en cosas construidas para parecer un botón, y la más común de ellas aparece en alrededor de uno de cada catorce sitios. No hay vocabulario compartido para un botón en absoluto — ningún equivalente al octágono rojo. Y las palabras que reciben más énfasis en un sitio ganador son en su mayoría lugares a los que ir en lugar de cosas que hacer: contacto, acerca de, suscríbete.

¿Por qué un campo tan cuidadoso abandonaría al lector? Porque en una página como Into the Storm, la imagen es la que promete. Un titular puesto a ese tamaño deja de ser texto y se convierte en parte de la composición — tiene que sobrevivir a ser leído de un vistazo y desde el otro lado de una sala, y una frase con una subordinada no lo logrará. Las palabras se acortan porque el diseño se hizo cargo del trabajo.

Eso es un intercambio real, y vale la pena saber que se está haciendo. Una etiqueta funciona cuando hay detrás una fotografía lo bastante fuerte para sostener el argumento. Cuando no la hay, una página que se limita a nombrarse y no pide nada ha gastado su mejor posición diciendo muy poco.

Por qué importaAbre el sitio en el que estás trabajando y lee en voz alta la primera línea. Si nombra lo que la cosa es y nada más, ese es el estilo de la casa y es defendible — pero solo si la imagen detrás está haciendo el trabajo. Si la imagen es corriente, la frase tiene que ganarse su lugar en cambio.

Fuentes: Awwwards Sites of the Day and of the Month · Into the Storm