Creative Giants
Pôster editorial de grande formato em papel creme.
Creative Giants parece uma página dupla de um livro de arte em tamanho ampliado, renderizada em código: uma tela quente e cremosa, margens finas e uma tipografia tão grande que lembra mais um pôster do que um título. Todo o sistema opera com espaço negativo e um único tamanho leve (300) — os títulos são quase inaudíveis em 64–84px, em vez de se destacarem em negrito, e o espaçamento entre letras diminui drasticamente (-0,04em) à medida que o tamanho da fonte aumenta, fazendo com que as palavras pareçam esculpidas em vez de destacadas. O esquema de cores é distribuído em pequenas pinceladas saturadas: roxo vibrante, turquesa profundo, azul claro, rosa choque, menta e azul marinho aparecem como superfícies ou detalhes dos cartões, em vez de preenchimentos de fundo. Os elementos interativos são formas pretas sobre um fundo creme com raios totalmente arredondados (1440px), enquanto os elementos cromados são quase invisíveis — um único logotipo redondo e o botão "Menu" flutuam no espaço em branco. O conceito visual é o de uma folha de contato de um estúdio de produção: um título enorme, uma foto em largura total, uma linha discreta de metatexto. Todas as outras páginas devem seguir o mesmo estilo conciso.
Layout de página em tela cheia: Não há contêiner de largura máxima; o conteúdo ocupa toda a largura da página com margens iguais à esquerda e à direita (16–32px em dispositivos móveis, 32px ou mais em desktops). O título principal é uma única manchete grande (“GIGANTES CRIATIVOS” com 84px) que ocupa aproximadamente 40% da área visível, seguida imediatamente por uma foto em tela cheia com uma meta tag no canto inferior esquerdo e uma sobreposição de título. O ritmo das seções é monolítico: cada nova seção começa com um pequeno texto em letras maiúsculas e uma explicação, separados por 48–64px de espaço em branco — não há faixas alternadas de cores claras/escuras, exceto por um cartão de destaque em tom azul marinho invertido. O conteúdo é alinhado à esquerda; não há blocos centralizados, exceto pelo título principal. A seção de notícias/estudos de caso utiliza uma grade de três colunas com um bloco de seta flutuante à direita. A navegação é feita por meio de um único cabeçalho superior — sem barra lateral ou quaisquer elementos ancorados além do próprio cabeçalho. O layout geral é espaçoso e consistente com o estilo editorial: cada seção é arejada e o espaço em branco é o principal elemento estrutural.
A fotografia editorial domina o design: as imagens ocupam toda a largura da página, com ângulos nítidos e sem sobreposições ou arredondamentos. O estilo tende para o documental e atmosférico — mãos enrugadas, instalações públicas e fotos casuais de pessoas — sem nunca usar fotografia de produto encenada. As imagens são sempre apresentadas em grande escala (preenchendo toda a largura da tela ou o cartão inteiro), portanto, a unidade de design é a fotografia, e não a interface do usuário. Não há ilustrações, modelos 3D ou protótipos de produtos. A iconografia é minimalista: um único logotipo circular pequeno, chevrons de contorno nos controles do carrossel e ícones de interface leves com contorno de 1 pixel. A densidade da imagem é determinada pela própria imagem, e o texto serve como uma camada discreta de anotação abaixo ou acima da fotografia.
Paleta
Marca
- Magenta Bloom
#8a0467— O rosa é usado como cor secundária para detalhes decorativos e para destacar termos de pesquisa menos frequentes. Não deve ser usado como cor principal para uma chamada à ação. - Forest Teal
#03624c— Uma cor vibrante que destaca a marca em molduras de cartões e detalhes decorativos; combina com Magenta Bloom para um acabamento bicolor.
Neutro
- Bone White
#fffef7— A tela da página, as superfícies de papelão e o texto em detalhes escuros têm um tom quente e cremoso que substitui o #ffffff puro e dá a todo o sistema uma sensação de papel impresso. - Ink Black
#000000— Cores escuras complementam textos e ícones neutros, criando um forte contraste. Evite usá-las como cor principal para chamadas à ação. - Graphite
#666666— O texto secundário, as legendas, os metadados e o texto de apoio são colocados em segundo plano para permitir que o texto principal domine o conteúdo. - Ash
#aaaaaa— Bordas dos campos de entrada, cor dos links inativos, separadores terciários - uma cor cinza estrutural suave que desaparece quando não é necessária. - Charcoal Scale
#4d4c4a— Um tom neutro médio para as bordas da lista, com um ligeiro aumento de contraste no gradiente escuro – cinza quente em vez de cinza azulado. - Powder Blue
#a5c8eb— Um toque de cor suave — fundos de cartão postal, fundos desfocados, preenchimentos de ilustração discretos — ameniza um fundo quente sem criar competição.
Tipografia
de 12 a 84px · 7 etapas
- Switzer — substituição: Inter (300 · esboços 300, 400 · Um sistema de fonte única: peso 300 para todos os elementos de exibição e títulos (12–84px), peso 400 para texto corrido, metadados e controles de interface. A opção preferencial é usar o peso 300 em tamanhos de 64–84px — a maioria dos sistemas usa uma fonte em negrito de 700–800 nesses casos; a fonte Switzer, em tom claro, mantém linhas finas, criando a impressão de tipografia aerografada sobre uma tela creme. O espaçamento entre letras mais estreito à medida que o tamanho aumenta (-0,04em em 84px, -0,018em em 14px) mantém os espaços internos abertos, sem criar uma sensação de vazio.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | média |
| Passo básico | 8px |
| Raio do botão | 1440px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 64px |
A IA criará seu site no estilo Creative Giants e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- ElevenLabs — Um ensaio fotográfico em tons creme quentes com títulos sutis. Um caderno em estilo Bauhaus — papel cor de casca de ovo, tinta preta e um único detalhe em roxo e laranja para exibição do produto.
- monopo saigon — Um brilho líquido e iridescente por trás do silêncio editorial — uma galeria editorial monocromática flutuando em luz incandescente.
- Awesomic — Tela editorial em zinco com marcas de pontuação laranja que lembram confete.
- Monad — revista técnica editorial sobre pergaminho quente
- Dub — Painel de controle de papel de arroz fosco do Link
- Seline Analytics — Uma mesa analítica silenciosa sobre papel quente
- Notion — Um caderno de papel quente sob o sol do meio-dia
- Hyer Aviation — Crepúsculo na cabine de pilotagem sobre pergaminho. O céu pálido da aurora encontra o logotipo serifado do tamanho da fuselagem, e um único detalhe em tom de barro quente quebra a sobriedade monocromática.
- Anthropic — Uma revista científica de campo impressa em pergaminho de tom quente — superfícies de marfim sereno, títulos editoriais com serifa e um único detalhe em tom de barro que aparece apenas quando é necessário dar o que falar.
- Calendly — Tinta azul escura sobre mármore frio
- Augen Pro — A apresentação branca da Apple destaca um azul elétrico, clínico e leve, como único elemento de destaque em um espaço monocromático.
- OFF+BRAND. — Esfera iridescente sobre pergaminho quente