# Diseño gráfico atrevido: letra grande y mensaje claro [Canonical HTML page](https://gradiently.design/es/guide/bold-design-ideas) El diseño llamativo se hace notar, y el llamativo mal hecho se salta igual de rápido. La diferencia casi siempre es disciplina: un mensaje, un protagonista, todo lo demás a su servicio. ## The short version - El diseño gráfico atrevido usa tipografía sobredimensionada, color saturado y recortes ajustados para que un mensaje sea imposible de pasar por alto. - El diseño atrevido funciona cuando hay un único elemento protagonista; cuando todo grita, nada destaca y el resultado parece caos. - Las tipografías pesadas, condensadas o extendidas a tamaños muy grandes son la columna vertebral de la mayoría de las maquetas atrevidas. - Los colores saturados necesitan un color ancla oscuro o muy claro, para que el diseño mantenga un contraste fuerte y el texto se lea. - El mensaje de un diseño atrevido debe ser lo bastante corto para leerse en un segundo, normalmente cinco palabras o menos. El **diseño gráfico atrevido** hace que un mensaje sea imposible de pasar por alto: texto tan grande que toca los bordes, color a plena saturación y casi nada más. Funciona cuando hay un único protagonista y todo lo demás lo sirve. Falla cuando cada elemento grita a la vez. Debajo tienes las reglas que mantienen claro el diseño llamativo, con paletas, tipografías y maquetas que puedes probar en tu próximo cartel o publicación. ## Qué hace que el diseño atrevido funcione Lo atrevido es un efecto de contraste. Un titular enorme solo parece enorme junto a algo pequeño; un rosa intenso solo parece intenso junto a algo tranquilo. Por eso las maquetas atrevidas se construyen con extremos: muy grande contra muy pequeño, muy brillante contra muy oscuro, muy lleno contra muy vacío. Quita las partes tranquilas y las ruidosas dejan de funcionar. - **Un protagonista.** Una palabra, un número o una forma que llena gran parte del encuadre. - **Contraste de escala.** El protagonista es muchas veces mayor que cualquier texto de apoyo. - **Contraste de color.** Color saturado contra un ancla oscura o muy clara. - **Un mensaje corto.** Cinco palabras o menos en el protagonista, legibles en un segundo. - **Tensión en el borde.** El texto recortado por el encuadre o llevado al borde parece más grande de lo que es. ## Tipografía atrevida: elegir y componer letra llamativa La mayoría de las maquetas atrevidas son maquetas de texto. Pesos gruesos, anchos condensados que dejan que una palabra llene el ancho de un cartel y anchos extendidos que hacen monumental una palabra corta. [Fuentes gruesas](https://gradiently.design/es/guide/bold-fonts) y [fuentes de exhibición](https://gradiently.design/es/guide/display-fonts) enumeran buenas familias; la composición importa tanto como la elección. | Tratamiento | Qué hace | Úsalo para | | --- | --- | --- | | Mayúsculas condensadas gruesas | Encaja palabras largas a tamaños enormes | Carteles de eventos, titulares de rebajas | | Peso negro extendido | Hace que una palabra corta parezca enorme | Declaraciones de marca, publicaciones de una palabra | | Interlineado ajustado | Apila las líneas en un único bloque sólido | Titulares de dos o tres líneas | | Recortado por el borde | Sugiere que el texto es mayor que el encuadre | Portadas, miniaturas, banners | | Contorno más relleno | Duplica una palabra sin un segundo color | Palabras repetidas, ritmo | Cinco formas de hacer ruidosa la letra. Elige una o dos por diseño, no las cinco. Un cartel vertical con la única palabra MÁS FUERTE ocupando todo el ancho y una pequeña línea de detalle debajo Una palabra a todo el ancho, una pequeña línea de detalle. La diferencia de tamaño entre ellas es todo el efecto. Mantén el espaciado entre letras algo ajustado en titulares enormes, ya que el espaciado por defecto parece suelto en tamaños grandes, y nunca estires el texto para que encaje. Si una palabra no llena el ancho, elige una tipografía más ancha o una palabra más corta. En Gradiently, los tratamientos de letra como Relieve, Doble, Contorno y Riso dan peso extra a un titular sin recurrir a una sombra. ## Paletas de colores atrevidas sin desorden El color saturado es la mitad del diseño atrevido. El truco es anclarlo. Pon los colores vivos sobre un casi negro o un blanco roto limpio, y limita los vivos a dos que estén emparentados o deliberadamente opuestos. Tres o cuatro colores vivos sin relación a plena fuerza es donde lo atrevido se vuelve ruido. - Rosa intenso a naranja: `linear-gradient(135deg, #ff2e63 0%, #ff7a00 100%)` - Azul eléctrico: `linear-gradient(135deg, #0047ff 0%, #00d1ff 100%)` - Lima ácida a verde: `linear-gradient(135deg, #d4ff00 0%, #00e676 100%)` - Rojo ardiente sobre negro: `radial-gradient(circle at 70% 30%, #ff3d00 0%, #b00020 45%, #1a0005 100%)` - Violeta a magenta: `linear-gradient(160deg, #12002b 0%, #6a00f4 55%, #ff00a8 100%)` - Amarillo señal: `linear-gradient(135deg, #ffe600 0%, #ff9900 100%)` Seis fondos atrevidos. Cada uno usa vecinos del círculo cromático, para que las mezclas sigan limpias a plena saturación. - Negro ancla: #0a0a0a - Rosa intenso: #ff2e63 - Amarillo señal: #ffe600 - Blanco roto: #f5f5f0 Una paleta atrevida: un ancla oscura, dos colores vivos y un blanco roto para texto pequeño. Usa un vivo como fondo y el otro solo para el protagonista. > **Comprueba el contraste en los colores vivos** El blanco sobre amarillo, lima o naranja vivo no pasa el contraste, por muy atrevido que se vea en tu pantalla. Usa texto casi negro sobre los vivos claros. [Contraste de color y accesibilidad](https://gradiently.design/es/guide/color-contrast-accessibility) muestra cómo probarlo. ## Diseño atrevido frente a diseño caótico ### Caótico - Tres titulares compitiendo por la atención - Todos los colores a plena fuerza - Cuatro tipografías en una maqueta - Fondo recargado detrás de texto recargado - Un párrafo apretado en la esquina ### Atrevido - Un protagonista, claramente lo más grande - Dos colores vivos y un ancla - Una familia en dos pesos - Una zona tranquila donde se asientan las palabras - Detalle reducido a una línea corta Un fondo ruidoso detrás de texto ruidoso es el fallo clásico. Si el fondo es rico, el texto necesita una zona tranquila donde apoyarse. Un Mark de Gradiently lo resuelve moviendo su zona más tranquila y de mejor contraste detrás de las palabras y eligiendo texto claro u oscuro por línea, de modo que el color sigue siendo grande y el mensaje sigue siendo legible. ## Ideas de diseño gráfico atrevido para probar Una publicación cuadrada de rebajas con un enorme 48h como punto focal y una pequeña línea de detalle Un número como protagonista. A las maquetas atrevidas les encanta una cifra corta porque se lee al instante. Una story vertical de evento que dice Puertas a las nueve en letra grande sobre un fondo saturado Una story de evento con el titular en la parte superior de la zona segura y el color llenando el encuadre. - **Publicaciones de rebajas:** la palabra del descuento o la fecha como protagonista, nada más en la parte visible. - **Carteles de eventos:** el artista o la fecha a todo el ancho, los detalles pequeños al pie. - **Anuncios de lanzamiento:** el nombre del producto recortado por el borde del encuadre. - **Miniaturas de YouTube:** dos o tres palabras, peso grueso, un color vivo sobre oscuro. - **Portadas de carrusel:** una palabra enorme que hace que la gente deslice para ver el resto. Hagas lo que hagas, reduce el diseño al tamaño en que aparecerá en un feed o un resultado de búsqueda antes de publicar. El diseño atrevido se gana el sueldo en tamaños pequeños: si la palabra protagonista aún se lee como miniatura, la maqueta cumple. Si se vuelve papilla, recorta palabras antes de recortar tamaño. El diseño atrevido tiene primos que conviene conocer. El [diseño brutalista](https://gradiently.design/es/guide/brutalist-design) se vuelve ruidoso por la crudeza más que por el pulido, el [diseño Memphis](https://gradiently.design/es/guide/memphis-design) por el patrón y el juego, y [minimalismo frente a maximalismo](https://gradiently.design/es/guide/minimalism-vs-maximalism) te ayuda a decidir qué extremo de la escala encaja con tu marca. Para carteles en concreto, mira [diseño de carteles](https://gradiently.design/es/guide/poster-design). ## FAQ ### ¿Qué es el diseño gráfico atrevido? Un estilo que usa tipografía sobredimensionada, color saturado y fuerte contraste para que un único mensaje destaque de inmediato. ### ¿Cómo hago un diseño atrevido sin que parezca desordenado? Elige un elemento protagonista, hazlo mucho mayor que cualquier otro, limítate a dos colores vivos más un ancla y reduce el texto de apoyo a una línea corta. ### ¿Qué fuentes van mejor en el diseño atrevido? Pesos gruesos en anchos condensados o extendidos. Las condensadas encajan palabras largas a tamaños enormes; las extendidas hacen monumentales las palabras cortas. ### ¿Es lo mismo el diseño atrevido que el maximalismo? No exactamente. El maximalismo superpone muchos elementos y patrones; el diseño atrevido puede ser muy simple, con un titular ruidoso y muy poco más. ### ¿Qué colores funcionan en diseños atrevidos? Colores saturados como rosa intenso, azul eléctrico, lima ácida y amarillo señal, anclados por casi negro o blanco roto para que el contraste siga alto.