Gera uma página inicial de portfólio sofisticada em estilo editorial para o site de um designer ou estúdio criativo.
Objetivo: Criar um design de hero para página inicial de portfólio refinado para Ari Vale, um designer/desenvolvedor, com um layout editorial em estilo suíço e colagem arquitetônica em camadas.
Canvas: Captura de tela de site para desktop em formato wide, proporção 16:9, fundo de papel quente off-white, muito espaço negativo, textura de granulação sutil, estética minimalista premium.
Layout: Barra de navegação superior com 6 itens visíveis: wordmark à esquerda “Ari Vale” seguido por um pequeno ponto azul, links de navegação centralizados “Work”, “About”, “Studio”, “Notes” e um botão arredondado com contorno “Menu” na extremidade direita com um ponto azul. O conteúdo principal do hero fica ligeiramente à esquerda do centro com um pequeno rótulo de apoio, tipografia em tamanho grande, descrição curta e duas chamadas para ação. Sobreponha imagens arquitetônicas monocromáticas abstratas ao redor do texto: uma colagem à esquerda e uma imagem arquitetônica em degraus maior à direita, com uma pequena imagem de natureza-morta abaixo dela. A faixa do rodapé inferior contém texto de disponibilidade à esquerda, uma linha divisória horizontal fina no centro e links sociais à direita.
Conteúdo de texto: O rótulo acima da manchete diz “ARI VALE — DESIGNER & DEVELOPER” com um pequeno ponto azul. A manchete principal diz exatamente: “I design digital experiences, brands, and creative web.” Deixe a palavra “design” em itálico, com uma fonte serifada elegante, enquanto o restante da manchete é em uma fonte sem serifa moderna e grande. O texto de apoio diz: “Strategy-led design and development for forward-thinking companies and cultural projects.” Texto do botão primário: “View Selected Work” com uma pequena seta. Link de texto secundário: “About Ari” com uma seta. O cartão de projeto preto à esquerda diz “REFIX ANADOL”, “Machine Hallucinations” e “Immersive Exhibition”, com uma pequena seta no canto inferior direito. Palavras empilhadas pequenas no lado direito dizem “VISION”, “MADE”, “DIGITAL”. O texto no canto inferior esquerdo diz “AVAILABLE FOR NEW PROJECTS”. Os links sociais no canto inferior direito são exatamente 3 itens: “LINKEDIN”, “DRIBBBLE”, “INSTAGRAM”, seguidos por uma seta. Adicione um rótulo de coordenadas verticais na extremidade direita lendo “40.7128° N, 74.0060° W”.
Detalhes visuais: Use uma paleta contida de marfim quente, preto, cinza carvão, cinza concreto pálido e detalhes em azul cobalto vívido. A tipografia deve combinar uma fonte sem serifa grotesca limpa com uma palavra em serifa itálica de alto contraste. Use linhas finas, rótulos minúsculos em maiúsculas com espaçamento generoso entre letras e alinhamento preciso. Adicione exatamente 5 elementos de destaque em azul: o ponto do wordmark, o ponto do rótulo, o ponto do menu, um retângulo diagonal tipo fita azul sobre a foto arquitetônica da esquerda e um pequeno sinal de mais/cruz azul perto das palavras do lado direito. Adicione um gráfico de carimbo circular tênue perto da colagem no canto inferior direito com um texto minúsculo em maiúsculas ilegível e uma pequena seta dentro.
Contagem de elementos de imagem: Inclua exatamente 5 blocos fotográficos/de textura: 1 retângulo de concreto bege alto atrás da colagem esquerda, 1 foto de edifício curvo pálido à esquerda, 1 foto de textura rochosa pequena abaixo dela, 1 imagem grande de escadaria arquitetônica/estrutura nervurada pálida à direita e 1 pequena imagem de natureza-morta com uma esfera branca e pedra abaixo da imagem da direita. Inclua também exatamente 1 cartão de projeto com sobreposição preta na colagem esquerda.
Restrições: Faça com que pareça uma página de destino de site real de alto nível, não um pôster. Mantenha todo o texto nítido e legível, evite elementos de interface do navegador, evite itens de navegação extras, evite imagens extras, evite gradientes coloridos, evite fotos de banco de imagens com pessoas e preserve o equilíbrio assimétrico espaçoso.