Creative Giants
Póster editorial de gran formato impreso en papel color crema.
Creative Giants parece una doble página de un libro de arte de gran tamaño, renderizada en código: un lienzo cálido y cremoso, márgenes finos y una tipografía tan grande que parece más un póster que un titular. Todo el sistema funciona con espacio negativo y un único tamaño ligero (300): los titulares son apenas audibles a 64–84px, en lugar de destacar en negrita, y el espaciado entre letras disminuye drásticamente (-0,04em) a medida que aumenta el tamaño de la tipografía, por lo que las palabras parecen cinceladas en lugar de desprendidas. La paleta de colores se distribuye en pequeñas pinceladas saturadas: morado vibrante, turquesa intenso, azul claro, rosa fucsia, menta y azul marino aparecen como superficies de tarjetas o acentos, en lugar de rellenos de fondo. Los elementos interactivos son formas negras sobre un fondo crema con radios completamente redondeados (1440px), mientras que los elementos cromados son casi invisibles: un único logotipo redondo y el botón "Menú" flotan en el espacio en blanco. El concepto visual es el de la hoja de contactos de un estudio de producción: un titular enorme, una foto a pantalla completa y una breve línea de metatexto. Las demás páginas deben seguir el mismo estilo lacónico.
Diseño de página de ancho completo: No hay contenedor de ancho máximo; el contenido ocupa todo el ancho de la página con márgenes iguales a la izquierda y a la derecha (16–32px en móvil, 32px+ en escritorio). El encabezado principal es un único titular grande (“CREATIVE GIANTS” a 84px) que ocupa aproximadamente el 40% de la ventana gráfica, seguido inmediatamente por una foto de ancho completo con una etiqueta meta en la esquina inferior izquierda y una superposición de título. El ritmo de la sección es monolítico: cada nueva sección comienza con una pequeña cantidad de texto en mayúsculas y una explicación, separadas por 48–64px de espacio en blanco; no hay bandas oscuras/claras alternas excepto una tarjeta de acento en tinta azul marino invertida. El contenido está alineado a la izquierda; no hay bloques centrados excepto el encabezado principal. La sección de noticias/estudios de caso utiliza una cuadrícula de tarjetas de tres columnas con un bloque de flecha flotante a la derecha. La navegación se realiza a través de un único encabezado superior, sin barra lateral ni ningún elemento anclado más allá del propio encabezado. La maquetación general es espaciosa y coherente con el estilo editorial: cada sección tiene un aspecto natural y el espacio en blanco es el elemento estructural principal.
La fotografía editorial domina el diseño: las imágenes ocupan todo el ancho de la página, con ángulos definidos y sin superposiciones ni contornos redondeados. El estilo se inclina hacia lo documental y atmosférico —manos arrugadas, instalaciones públicas y retratos espontáneos— sin recurrir jamás a la fotografía de producto escenificada. Las imágenes se presentan siempre a gran escala (panel de visualización de ancho completo o llenando toda la tarjeta), por lo que la unidad de diseño es la fotografía, no la interfaz de usuario. No hay ilustraciones, modelos 3D ni maquetas de productos. La iconografía es mínima: un único logotipo circular pequeño, chevrones delineados en los controles del carrusel e iconos de interfaz de usuario ligeros con un contorno de 1 píxel. La densidad de la imagen viene determinada por la propia imagen, y el texto sirve como una capa de anotación discreta debajo o encima de la fotografía.
Paleta
Marca
- Magenta Bloom
#8a0467— El rosa se utiliza como color secundario para detalles decorativos y para resaltar las consultas de búsqueda menos frecuentes. No debe utilizarse como color principal para una llamada a la acción. - Forest Teal
#03624c— Un color llamativo para realzar la imagen de marca en marcos de tarjetas y detalles decorativos; combina con Magenta Bloom para un acabado bicolor.
Neutral
- Bone White
#fffef7— El lienzo de la página, las superficies de cartón y el texto sobre detalles oscuros tienen un tono cálido y cremoso que reemplaza el #ffffff puro y le da a todo el sistema una sensación de papel impreso. - Ink Black
#000000— Los colores oscuros complementan los textos e iconos neutros y crean un fuerte contraste. Evite usarlos como color principal para las llamadas a la acción. - Graphite
#666666— El texto secundario, los subtítulos, los metadatos y el texto de apoyo quedan relegados a un segundo plano para permitir que el texto principal sea el protagonista. - Ash
#aaaaaa— Bordes de los campos de entrada, color de los enlaces inactivos, separadores terciarios: un suave color gris estructural que desaparece cuando no es necesario. - Charcoal Scale
#4d4c4a— Un tono neutro medio para los bordes de la lista, con un sutil aumento de contraste en la ruta del degradado oscuro: gris cálido en lugar de gris azulado. - Powder Blue
#a5c8eb— Un toque de color suave —fondos de postal, fondos difuminados, rellenos de ilustraciones tenues— suaviza un fondo cálido sin generar competencia.
Tipografía
De 12 a 84 píxeles · 7 pasos
- Switzer — reemplazo: Inter (300 · esquemas 300, 400 · Sistema de una sola fuente: 300 de grosor para todos los elementos de visualización y encabezados (12–84px), 400 de grosor para el cuerpo del texto, metadatos y controles de la interfaz de usuario. La opción preferida es usar 300 de grosor en tamaños de 64–84px; la mayoría de los sistemas usan una fuente en negrita de 700–800 en este caso; la fuente Switzer de tono claro mantiene líneas finas, creando la impresión de tipografía aerografiada sobre un fondo crema. El espaciado entre letras más ajustado a medida que aumenta el tamaño (-0.04em a 84px, -0.018em a 14px) mantiene los espacios interiores abiertos, sin crear una sensación de escasez.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 8px |
| Radio del botón | 1440px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 64px |
La IA construirá tu sitio web al estilo de Creative Giants y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- ElevenLabs — Un reportaje fotográfico en tonos crema cálidos con titulares sutiles. Un cuaderno de estilo Bauhaus: papel color blanco hueso, tinta negra y un único detalle en morado y naranja para la presentación del producto.
- monopo saigon — Un brillo líquido e iridiscente tras el silencio editorial: una galería editorial monocromática flotando sobre luz fundida.
- Awesomic — Malla de zinc editorial con signos de puntuación naranjas que recuerdan al confeti.
- Monad — Revista técnica editorial en pergamino cálido
- Dub — Panel de control de papel de arroz mate de Link
- Seline Analytics — Una mesa analítica tranquila sobre papel tibio
- Notion — Un cuaderno de papel caliente bajo el sol del mediodía.
- Hyer Aviation — El crepúsculo en la cabina sobre un pergamino. El pálido cielo del amanecer se encuentra con el logotipo con serifa del tamaño del fuselaje, y un único toque de color arcilla cálida rompe la sobriedad monocromática.
- Anthropic — Una revista científica de campo impresa en papel vitela de tonos cálidos: superficies de marfil sereno, encabezados editoriales con serifa y un único detalle en color arcilla que aparece solo cuando se requiere acción.
- Calendly — Tinta azul oscuro sobre mármol frío
- Augen Pro — La presentación blanca de Apple presenta un azul eléctrico, aséptico y minimalista, como único acento en un espacio monocromático.
- OFF+BRAND. — Esfera iridiscente sobre pergamino tibio