Sistemas de diseño de medios y entretenimiento
Sistemas de diseño extraídos de sitios web de noticias, revistas, editoriales, streaming y entretenimiento. La tipografía manda: fuentes para titulares, firmas y cuadrículas de artículos, con el color usado con moderación para secciones y llamadas a la acción.
2 ejemplos de DESIGN.md en esta categoría, de The Onion y WIRED. Extraídos de las páginas públicas de cada sitio, no son guías de marca oficiales. ¿Es tu primera vez con el formato? Lee qué es un DESIGN.md.
The Onion
The Onion es un sistema de diseño de un periódico satírico digitalizado: titulares góticos condensados y en negrita, en negro, con un acento verde bosque (#006b3a) distintivo que se usa en etiquetas de sección, insignias de tendencias y CTAs, todo sobre un lienzo blanco y gris claro sobrio. La tipografía es la herramienta de diseño principal: las grotescas condensadas y semicondensadas de Adobe Fonts (tablet-gothic, rocky-condensed) dominan los titulares, mientras que utopia-std-caption se encarga del texto de cuerpo. La composición es densa en información, con cuadrículas de tarjetas ajustadas, separadores de artículos con borde inferior y radios de borde casi nulos en los elementos estructurales. La elevación es mínima: solo algunas sombras sutiles en superposiciones.
WIRED
WIRED es un sistema de diseño monocromo de alto contraste, con un enfoque editorial, construido sobre un sistema tipográfico propio (Breve Text, WIRED Mono, WiredDisplay y Apercu) y una paleta cromática casi nula. El negro (#000000) domina con 2961 apariciones y da cuerpo al texto, los bordes, los iconos y los estados interactivos. El blanco (#ffffff) es la superficie principal. El color de acento se usa con moderación: solo #057dbc aparece como azul de marca en los botones de suscripción. El diseño sigue una cuadrícula editorial estructurada en varias columnas, con un espaciado base ajustado de 8px, superficies planas sin sombras y radios de borde mínimos (4px como estándar). La tipografía es el principal elemento diferenciador: el cuerpo editorial usa Breve Text a 19px, las etiquetas de sección usan WIRED Mono en mayúsculas con interletrado amplio, y los titulares de gran tamaño usan WiredDisplay. La estética general es autoritaria, densa en información y orientada ante todo a la lectura.
¿No ves el sitio que necesitas?
Pega cualquier URL y obtén un DESIGN.md de cualquier web. Colores, tipografía, espaciado y tokens, listos para tu flujo de trabajo con IA.