Creative Giants
Póster editorial de gran formato sobre papel crema
Creative Giants semella un libro de arte de gran tamaño, representado en código: unha lona cálida e cremosa, marxes finas e unha letra tan grande que parece máis un póster que un titular. Todo o sistema funciona con espazo negativo e un único tamaño lixeiro (300): os titulares apenas se oen con 64–84 px, en lugar de destacar en negra, e o espazado entre letras diminúe bruscamente (-0,04 em) a medida que aumenta o tamaño da letra, polo que as palabras aparecen cinceladas en lugar de despregadas. A combinación de cores distribúese en pinceladas pequenas e saturadas: púrpura vibrante, turquesa intenso, azul claro, rosa intenso, menta e azul mariño aparecen como superficies ou detalles de tarxetas, en lugar de recheos de fondo. Os elementos interactivos son formas negras sobre un fondo crema con radios totalmente redondeados (1440 px), mentres que os elementos cromados son case invisibles: un único logotipo redondo e o botón "Menú" flotan no espazo branco. O concepto visual é a folla de contactos dun estudo de produción: un titular enorme, unha foto de ancho completo e unha liña tranquila de metatexto. Todas as dúas páxinas deben seguir o mesmo estilo lacónico.
Deseño de páxina completa: Non hai un contedor de ancho máximo; o contido ocupa todo o ancho da páxina con marxes iguais á esquerda e á dereita (16–32 px en móbiles, 32 px ou máis en ordenadores). O título principal é un único título grande ("XIGANTES CREATIVOS" a 84 px) que ocupa aproximadamente o 40 % da ventá gráfica, seguido inmediatamente dunha foto completa cunha metaetiqueta na esquina inferior esquerda e un título superposto. O ritmo da sección é monolítico: cada nova sección comeza cunha pequena cantidade de texto en maiúsculas e unha explicación, separados por 48–64 px de espazo en branco; non hai bandas alternas escuras/claras, agás unha tarxeta de acento Navy Ink invertida. O contido está aliñado á esquerda; non hai bloques centrados, agás o título principal. A sección de noticias/estudos de casos usa unha grella de tarxetas de tres columnas cun bloque de frecha flotante á dereita. A navegación realízase a través dun único título superior, sen barra lateral nin ningún elemento ancorado máis alá do propio título. A disposición xeral é ampla e coherente co estilo editorial: cada sección respira e o espazo en branco é o elemento estrutural principal.
A fotografía editorial domina o deseño: as imaxes ocupan todo o ancho da páxina, con ángulos nítidos e sen superposicións nin máscaras redondeadas. O estilo inclínase cara ao documental e atmosférico (mans engurradas, instalacións públicas e tomas informais de persoas) sen empregar nunca fotografía de produtos escenificada. As imaxes sempre se presentan a grande escala (ventana gráfica de ancho completo ou enchendo toda a tarxeta), polo que a unidade de deseño é a fotografía, non a interface de usuario. Non hai ilustracións, modelos 3D nin maquetas de produtos. A iconografía é mínima: un único logotipo circular pequeno, chevróns de contorno nos controis do carrusel e iconas de interface de usuario lixeiras cun contorno de 1 px. A densidade da imaxe está determinada pola propia imaxe e o texto serve como unha capa de anotación discreta debaixo ou enriba da fotografía.
Paleta
Marca
- Magenta Bloom
#8a0467— O rosa úsase como acento secundario para detalles decorativos e para destacar consultas de busca menos utilizadas. Non se debe usar como cor principal para unha chamada á acción. - Forest Teal
#03624c— Unha cor rica e atractiva para marcos de tarxetas e toques decorativos; combínase con Magenta Bloom para un acabado bicolor.
Neutro
- Bone White
#fffef7— A lenzo da páxina, as superficies de cartón e o texto sobre detalles escuros son dun ton cálido e cremoso que substitúe o #ffffff puro e dálle a todo o sistema un aspecto impreso e parecido ao papel. - Ink Black
#000000— A cor escura complementa o texto e as iconas neutras e crea un contraste forte. Evita usala como cor principal para as chamadas á acción. - Graphite
#666666— O texto secundario, as lendas, os metadatos e o texto de apoio colócanse en segundo plano para permitir que o texto principal domine. - Ash
#aaaaaa— Bordes do campo de entrada, cor da ligazón inactiva, separadores terciarios: unha cor gris estrutural suave que desaparece cando non se necesita. - Charcoal Scale
#4d4c4a— Un neutro medio para os bordos da lista, cun sutil aumento de contraste no camiño do degradado escuro: gris cálido en lugar de gris azulado. - Powder Blue
#a5c8eb— Un acento de cor suave (fondos de postais, fondos borrosos, recheos de ilustracións apagados) arrefría un fondo cálido sen crear competencia.
Tipografía
de 12 a 84 px · 7 pasos
- Switzer — substitución: Inter (300 · contornos 300, 400 · Un sistema de fonte única: grosor 300 para todos os elementos de visualización e títulos (12–84 px), grosor 400 para o texto do corpo, os metadatos e os controis da IU. A opción preferida é usar un grosor 300 en tamaños de 64–84 px (a maioría dos sistemas usan unha fonte en negra de 700–800 aquí); a fonte Switzer de tons claros mantén as liñas finas, creando a impresión de tipo de letra retocada sobre un lenzo cor crema. Un espazado entre letras máis axustado a medida que aumenta o tamaño (-0,04 em a 84 px, -0,018 em a 14 px) mantén os espazos interiores abertos, sen crear unha sensación de dispersión.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 8px |
| Radio do botón | 1440px |
| Radio da tarxeta | 0px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 64px |
A IA creará o teu sitio web ao estilo de Creative Giants e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- ElevenLabs — Un ensaio fotográfico en tons crema cálidos con titulares sutís. Un caderno de estilo Bauhaus: papel cor casca de ovo, tinta negra e un único detalle morado e laranxa para a exhibición do produto.
- monopo saigon — Un brillo líquido e iridiscente tras o silencio editorial: unha galería editorial monocromática flotando sobre luz fundida
- Awesomic — Malla editorial de zinc con signos de puntuación laranxas que lembran confeti
- Monad — revista técnica editorial en pergamiño quente
- Dub — Panel de control de papel de arroz mate de Link
- Seline Analytics — Unha mesa analítica tranquila sobre papel quente
- Notion — Un caderno de papel quente ao sol do mediodía
- Hyer Aviation — Anoitecer na cabina sobre pergamiño. O pálido ceo do amencer atópase co logotipo serif do tamaño da fuselaxe e un único detalle de arxila cálida rompe a moderación monocromática.
- Anthropic — Unha revista científica de campo sobre pergamiño cálido: superficies de marfil tranquilas, títulos editoriais con serigrafía e un único acento de arxila que só aparece cando é necesario actuar.
- Calendly — Tinta azul escura sobre mármore frío
- Augen Pro — A presentación branca de Apple presenta un azul eléctrico, clínico e lixeiro como único acento nun espazo monocromático.
- OFF+BRAND. — Esfera iridescente sobre pergamiño quente