Portfólio elegante em monocromático
Best for design studio, branding agency and etc.
Instruções
PASSO 1 — Defina a marca e elabore o conteúdo (pedindo o mínimo possível).
Primeiro, carregue as ferramentas adiadas que você precisará mais tarde: chame a função `toolSearch` para gerar as funções `generateImage` e `generateWebpage`, para que elas estejam prontas antes das etapas 2 e 3.
Em seguida, analise a mensagem do usuário e quaisquer @referências para: nome da marca/estúdio, o que a marca faz (foco), slogan, nomes de projetos, lista de serviços e quaisquer imagens carregadas/referenciadas (rastreie-as para a Etapa 2 — NÃO regenere os espaços que elas cobrem).
Ao fazer perguntas, use-as com moderação — o usuário prefere interações concisas:
- Se o nome da marca E o foco da marca estiverem faltando, chame askUserQuestion UMA VEZ com duas perguntas em lote:
Q1 "Nome do estúdio/marca?" — opções como 'StudioNoir', 'Form & Field', 'Atelier 09', 'Object / Subject'.
Q2 "O que a marca faz?" — opções como 'agência de design', 'estúdio de fotografia', 'escritório de arquitetura', 'marca de moda', 'portfólio pessoal'.
- Se faltar apenas um, pergunte somente esse.
- Se ambos estiverem presentes na mensagem do usuário, NÃO pergunte nada — prossiga diretamente.
Assim que o nome da marca e o foco forem definidos, redija o restante você mesmo, sem mais perguntas. Tom: editorial, confiante, minimalista, sofisticado. Mantenha o texto conciso — este estilo respira através do espaço em branco, não da verborragia.
Rascunho:
- Slogan: duas linhas curtas que formam uma única frase, por exemplo: 'Projetar / o futuro', 'Moldar / o mundo', 'Construir / o duradouro', 'Fazer / com que dure'. Cada linha com 1 a 2 palavras. Combine a quebra de linha com uma divisão entre itálico serifado e normal serifada.
Sobre o texto: aproximadamente 80 palavras, dois parágrafos curtos. Mencione a época de fundação (ex.: "desde os anos 80"), alguns serviços e uma atmosfera que transmita a ideia de clientes globais e prêmios do setor.
- TRÊS estudos de caso. Para cada um: nome de projeto inventado que se encaixe no foco (para uma agência de design, reutilize nomes como 'Schematiq', 'Commercial Co.', 'Sprig & Sky'; para outros focos, escolha nomes que transmitam uma sensação semelhante), 1 a 2 tags de serviço, uma frase de contexto de aproximadamente 30 palavras e uma frase de solução de aproximadamente 30 palavras.
- SEIS etiquetas de serviço relevantes para o foco (padrões: Ativação de Marca, Marketing Integrado, Desenvolvimento de Websites, Produção de Vídeo, Identidade Visual, Estratégia de Marca — adapte para focos que não sejam de agência).
- Frase de efeito final da chamada para ação (uma linha, cerca de 10 a 14 palavras), por exemplo: "Eleve sua marca e deixe sua marca na história."
- Itens do rodapé: nome do estúdio, 'Termos e Suporte', 'Política de Privacidade'.
Mantenha todo o conteúdo na memória para a Etapa 3. NÃO chame generateWebpage ainda.
PASSO 2 — Reúna exatamente 6 imagens monocromáticas coerentes.
Mapa de slots: herói, sobre, projeto_1, projeto_2, projeto_3, recurso.
A) Se o usuário já forneceu imagens (uploads, @referências, URLs em sua mensagem), atribua-as aos slots na ordem em que foram recebidas e ignore a geração para esses slots. Gere apenas os slots restantes.
B) Para cada espaço vazio, chame generateImage. Execute-os EM PARALELO em um único lote de ferramentas, sempre que possível.
Estilo de imagem não negociável para cada vaga:
- Somente preto e branco puro. Sem matiz de cor, sem sépia, sem duotons. Qualidade editorial/cinematográfica/de revista de alta qualidade. Contraste e granulação consistentes em todas as seis imagens. Espaço negativo generoso onde o layout exige.
Modelos de prompts para slots — substitua [DISCIPLINE] pelo foco da marca da Etapa 1 (por exemplo, 'agência de design', 'estúdio de fotografia', 'escritório de arquitetura') e [DISCIPLINE_SUBJECT] por um assunto adequado (por exemplo, para design: escultura em papel / close-up de tipografia; para arquitetura: geometria de sombras; para moda: silhueta; para fotografia: natureza morta):
1. herói (aspecto 16:9): "Fotografia cinematográfica em preto e branco de [DISCIPLINE_SUBJECT], composição editorial dramática, estética monocromática minimalista e elegante, iluminação suave de cima, amplo espaço negativo, qualidade de revista premium, sem cor, alto contraste."
2. sobre (aspecto 4:3): "Fotografia documental em preto e branco do interior de um estúdio contemporâneo [DISCIPLINE], grandes janelas com luz natural suave, mesa e ferramentas minimalistas, estilo de reportagem editorial, totalmente monocromático, alto contraste."
3. projeto_1 (aspecto 1:1): "Fotografia em preto e branco, com maquetes de identidade visual da marca — cartões de visita, papel timbrado, material impresso — sobre uma superfície branca e limpa, com nitidez de design editorial vista de cima, totalmente monocromática."
4. projeto_2 (aspecto 1:1): "Natureza morta minimalista em preto e branco relevante para [DISCIPLINE] (ex: claquete de filme, maquete, produto estilizado), iluminação de estúdio cinematográfico, sombras nítidas, apenas monocromático."
5. projeto_3 (aspecto 1:1): "Fotografia editorial de estilo de vida em preto e branco, cena minimalista relevante para [DISCIPLINE], estética de revista premium, apenas monocromática."
6. Característica (aspecto 16:9): "Composição abstrata ampla em preto e branco relevante para [DISCIPLINAR], perspectiva dramática, atmosfera monocromática editorial, sem cor."
Após obter os seis URLs, rotule cada um com o nome do slot e prossiga para a Etapa 3.
PASSO 3 — Crie a página web.
Chame a função generateWebpage com as_artifact: true. Passe uma única instrução detalhada que contenha tudo o que está abaixo exatamente como descrito — o agente que executa a função generateWebpage deve segui-la à risca.
--- INÍCIO DO PROMPT DA PÁGINA WEB ---
Crie um único site de portfólio com rolagem longa e um estilo editorial monocromático elegante. Siga rigorosamente as regras visuais — não se desvie delas.
PALETA (exclusiva — sem outras tonalidades em nenhum outro lugar):
- Fundo branco: #FFFFFF
- Tinta preta e texto: #000000
- Uma seção escura pode usar preto quase puro: #0A0A0A
- Aplique o CSS `filter: grayscale(1) contrast(1.02)` em cada como uma medida de segurança para que qualquer recurso importado permaneça estritamente monocromático.
TIPOGRAFIA:
- Exibição: Fonte Google 'Fraunces' (use pesos 300 e 700, tamanho padrão 144). Variante em itálico disponível para a palavra principal em destaque.
- Corpo: Fonte Google 'Inter' (pesos 400, 500). 16–18px de largura, altura da linha ~1,6.
- Os títulos exibidos são enormes: clamp(56px, 12vw, 180px). Tracking -0.02em na exibição.
- Letras minúsculas (`text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px`) para navegação, tags de serviço e links de rodapé.
RITMO DE LAYOUT:
- Preenchimento vertical da seção: clamp(80px, 12vh, 200px).
- Largura máxima do contêiner: 1280px, margens laterais fixas (24px, 6vw, 96px).
- Espaço em branco generoso; não sobrecarregue o ambiente.
INTERAÇÃO:
- Barra de navegação superior fixa com leve desfoque de fundo ao rolar a página.
- Botões em formato de pílula: 1px sólido #000, preenchimento transparente, raio da borda: 9999px, preenchimento 14px 28px. Ao passar o mouse, inverte para fundo #000 + cor #FFF, suavização de 200ms.
- Efeito de fade-in sutil ativado pela rolagem + translação de 24px na direção horizontal em cada bloco principal (Observador de Interseção).
- Linhas de serviço: ao passar o mouse, o texto e a seta deslizam para a direita em aproximadamente 12px, com um efeito de suavização de 200ms.
RESPONSIVO:
- Abaixo de 768px: os títulos são redimensionados para aproximadamente 64–88px, as grades de duas colunas se reduzem a uma coluna e as imagens permanecem com sangria total dentro de seu espaçamento interno.
SEÇÕES (nesta ordem exata):
1. NAV (fixo): nome do estúdio no canto superior esquerdo em letras minúsculas; botão "Trabalhe conosco" no canto superior direito.
2. HERO (totalmente branco): título dividido em duas linhas — linha 1 em Fraunces itálico, linha 2 em Fraunces normal — usando o slogan do usuário. Tipografia grande. Imagem de destaque monocromática pequena opcional flutuando no canto inferior direito (use a imagem pequena do título aqui OU reserve o título para a próxima seção). Indicação sutil de rolagem na parte inferior.
3. SOBRE: título 'Sobre [estúdio]' em Fraunces 700. Grade de 6 colunas: texto sobre à esquerda (colunas 1–3), imagem 4:3 à direita (colunas 4–6). Dois parágrafos curtos.
4. TÍTULO DA SEÇÃO: 'Nosso Trabalho' em Fraunces 700, tamanho grande.
5. ESTUDO DE CASO 1: nome do projeto (Fraunces enorme), linha de etiquetas de serviço em letras minúsculas (separadas por ponto no meio · ou por espaço). Abaixo do nome: imagem do projeto em largura total (use project_1, 1:1 recortada para enquadramento 16:9). Abaixo da imagem: grade de duas colunas — a coluna da esquerda mostra o número '01' em tamanho grande (Fraunces 300, clamp(100px, 18vw, 220px)), o rótulo 'Background' em letras minúsculas e, em seguida, um corpo de texto com cerca de 30 palavras. A coluna da direita é igual, com '02' e 'Solution'.
6. ESTUDO DE CASO 2: mesma estrutura do CS1, mas usando a imagem project_2. Opcionalmente, inverta a imagem para que ela fique sobre uma faixa esbranquiçada com uma tonalidade suave — mantenha as cores estritamente dentro da paleta.
7. ESTUDO DE CASO 3: mesma estrutura, usar a imagem do projeto_3.
8. FAIXA DE DESTAQUE: imagem em tela cheia (use o espaço reservado para imagem 16:9). Sem sobreposição de texto.
9. O QUE FAZEMOS: título "O que fazemos" em Fraunces 700. Abaixo, uma lista vertical das 6 etiquetas de serviço. Cada linha: divisor fino de 1px acima (#000), nome do serviço à esquerda em Fraunces ~clamp(36px, 6vw, 80px), seta '→' à direita. Cursor de ponteiro. Ao passar o mouse, desliza para a direita.
10. CTA: seção escura em sangria total, fundo #000. Título principal da Fraunces centralizado em #FFF usando o slogan de encerramento da CTA. Preenchimento fixo (120px, 20vh, 240px). Botão em formato de pílula "Trabalhe conosco" abaixo do título (borda branca, preenchimento transparente; ao passar o mouse, o fundo muda para branco com texto preto).
11. RODAPÉ: fundo branco, texto em grotesco em letras maiúsculas pequenas. Nome do estúdio à esquerda, links à direita ('Termos e Suporte', 'Política de Privacidade'). Borda superior fina (#000, 1px). Aviso de direitos autorais em letras minúsculas em uma segunda linha.
IMAGENS — insira os URLs fornecidos na seção de dados abaixo nos campos correspondentes. Aplique `object-fit: cover` e o filtro de segurança em tons de cinza a cada ``. Não adicione imagens decorativas extras.
DADOS — substitua estes valores na página:
- nome_do_estúdio:
- Slogan:
- about_copy:
- case_studies: array de três { nome, tags[], contexto, solução } da Etapa 1
- serviços: matriz de seis strings de tags de serviço da Etapa 1
- cta_tagline:
- imagens: { herói, sobre, projeto_1, projeto_2, projeto_3, recurso } da Etapa 2
- footer_links: ['Termos e Suporte', 'Política de Privacidade']
--- FIM DO PROMPT DA PÁGINA WEB ---
Ao chamar o método `generateWebpage`, passe `as_artifact: true`. Após o retorno, forneça ao usuário um resumo de uma linha no idioma de sua preferência e informe que ele pode solicitar a troca de qualquer imagem, a alteração do texto ou a renomeação de projetos.
Descrição
Crie um site de portfólio editorial elegante em preto e branco. Paleta totalmente em preto e branco, títulos serifados em tamanho grande, estudos de caso numerados e amplo espaço em branco. Gera automaticamente seis imagens monocromáticas coesas caso nenhuma seja fornecida.
Porque recomendamos esta habilidade
Essa habilidade cria portfólios web monocromáticos de alta qualidade, perfeitos para estúdios de design ou agências. Seu estilo editorial e minimalista oferece uma estética sofisticada e profissional.
Portfólio elegante em monocromático
Best for design studio, branding agency and etc.
Instruções
PASSO 1 — Defina a marca e elabore o conteúdo (pedindo o mínimo possível).
Primeiro, carregue as ferramentas adiadas que você precisará mais tarde: chame a função `toolSearch` para gerar as funções `generateImage` e `generateWebpage`, para que elas estejam prontas antes das etapas 2 e 3.
Em seguida, analise a mensagem do usuário e quaisquer @referências para: nome da marca/estúdio, o que a marca faz (foco), slogan, nomes de projetos, lista de serviços e quaisquer imagens carregadas/referenciadas (rastreie-as para a Etapa 2 — NÃO regenere os espaços que elas cobrem).
Ao fazer perguntas, use-as com moderação — o usuário prefere interações concisas:
- Se o nome da marca E o foco da marca estiverem faltando, chame askUserQuestion UMA VEZ com duas perguntas em lote:
Q1 "Nome do estúdio/marca?" — opções como 'StudioNoir', 'Form & Field', 'Atelier 09', 'Object / Subject'.
Q2 "O que a marca faz?" — opções como 'agência de design', 'estúdio de fotografia', 'escritório de arquitetura', 'marca de moda', 'portfólio pessoal'.
- Se faltar apenas um, pergunte somente esse.
- Se ambos estiverem presentes na mensagem do usuário, NÃO pergunte nada — prossiga diretamente.
Assim que o nome da marca e o foco forem definidos, redija o restante você mesmo, sem mais perguntas. Tom: editorial, confiante, minimalista, sofisticado. Mantenha o texto conciso — este estilo respira através do espaço em branco, não da verborragia.
Rascunho:
- Slogan: duas linhas curtas que formam uma única frase, por exemplo: 'Projetar / o futuro', 'Moldar / o mundo', 'Construir / o duradouro', 'Fazer / com que dure'. Cada linha com 1 a 2 palavras. Combine a quebra de linha com uma divisão entre itálico serifado e normal serifada.
Sobre o texto: aproximadamente 80 palavras, dois parágrafos curtos. Mencione a época de fundação (ex.: "desde os anos 80"), alguns serviços e uma atmosfera que transmita a ideia de clientes globais e prêmios do setor.
- TRÊS estudos de caso. Para cada um: nome de projeto inventado que se encaixe no foco (para uma agência de design, reutilize nomes como 'Schematiq', 'Commercial Co.', 'Sprig & Sky'; para outros focos, escolha nomes que transmitam uma sensação semelhante), 1 a 2 tags de serviço, uma frase de contexto de aproximadamente 30 palavras e uma frase de solução de aproximadamente 30 palavras.
- SEIS etiquetas de serviço relevantes para o foco (padrões: Ativação de Marca, Marketing Integrado, Desenvolvimento de Websites, Produção de Vídeo, Identidade Visual, Estratégia de Marca — adapte para focos que não sejam de agência).
- Frase de efeito final da chamada para ação (uma linha, cerca de 10 a 14 palavras), por exemplo: "Eleve sua marca e deixe sua marca na história."
- Itens do rodapé: nome do estúdio, 'Termos e Suporte', 'Política de Privacidade'.
Mantenha todo o conteúdo na memória para a Etapa 3. NÃO chame generateWebpage ainda.
PASSO 2 — Reúna exatamente 6 imagens monocromáticas coerentes.
Mapa de slots: herói, sobre, projeto_1, projeto_2, projeto_3, recurso.
A) Se o usuário já forneceu imagens (uploads, @referências, URLs em sua mensagem), atribua-as aos slots na ordem em que foram recebidas e ignore a geração para esses slots. Gere apenas os slots restantes.
B) Para cada espaço vazio, chame generateImage. Execute-os EM PARALELO em um único lote de ferramentas, sempre que possível.
Estilo de imagem não negociável para cada vaga:
- Somente preto e branco puro. Sem matiz de cor, sem sépia, sem duotons. Qualidade editorial/cinematográfica/de revista de alta qualidade. Contraste e granulação consistentes em todas as seis imagens. Espaço negativo generoso onde o layout exige.
Modelos de prompts para slots — substitua [DISCIPLINE] pelo foco da marca da Etapa 1 (por exemplo, 'agência de design', 'estúdio de fotografia', 'escritório de arquitetura') e [DISCIPLINE_SUBJECT] por um assunto adequado (por exemplo, para design: escultura em papel / close-up de tipografia; para arquitetura: geometria de sombras; para moda: silhueta; para fotografia: natureza morta):
1. herói (aspecto 16:9): "Fotografia cinematográfica em preto e branco de [DISCIPLINE_SUBJECT], composição editorial dramática, estética monocromática minimalista e elegante, iluminação suave de cima, amplo espaço negativo, qualidade de revista premium, sem cor, alto contraste."
2. sobre (aspecto 4:3): "Fotografia documental em preto e branco do interior de um estúdio contemporâneo [DISCIPLINE], grandes janelas com luz natural suave, mesa e ferramentas minimalistas, estilo de reportagem editorial, totalmente monocromático, alto contraste."
3. projeto_1 (aspecto 1:1): "Fotografia em preto e branco, com maquetes de identidade visual da marca — cartões de visita, papel timbrado, material impresso — sobre uma superfície branca e limpa, com nitidez de design editorial vista de cima, totalmente monocromática."
4. projeto_2 (aspecto 1:1): "Natureza morta minimalista em preto e branco relevante para [DISCIPLINE] (ex: claquete de filme, maquete, produto estilizado), iluminação de estúdio cinematográfico, sombras nítidas, apenas monocromático."
5. projeto_3 (aspecto 1:1): "Fotografia editorial de estilo de vida em preto e branco, cena minimalista relevante para [DISCIPLINE], estética de revista premium, apenas monocromática."
6. Característica (aspecto 16:9): "Composição abstrata ampla em preto e branco relevante para [DISCIPLINAR], perspectiva dramática, atmosfera monocromática editorial, sem cor."
Após obter os seis URLs, rotule cada um com o nome do slot e prossiga para a Etapa 3.
PASSO 3 — Crie a página web.
Chame a função generateWebpage com as_artifact: true. Passe uma única instrução detalhada que contenha tudo o que está abaixo exatamente como descrito — o agente que executa a função generateWebpage deve segui-la à risca.
--- INÍCIO DO PROMPT DA PÁGINA WEB ---
Crie um único site de portfólio com rolagem longa e um estilo editorial monocromático elegante. Siga rigorosamente as regras visuais — não se desvie delas.
PALETA (exclusiva — sem outras tonalidades em nenhum outro lugar):
- Fundo branco: #FFFFFF
- Tinta preta e texto: #000000
- Uma seção escura pode usar preto quase puro: #0A0A0A
- Aplique o CSS `filter: grayscale(1) contrast(1.02)` em cada como uma medida de segurança para que qualquer recurso importado permaneça estritamente monocromático.
TIPOGRAFIA:
- Exibição: Fonte Google 'Fraunces' (use pesos 300 e 700, tamanho padrão 144). Variante em itálico disponível para a palavra principal em destaque.
- Corpo: Fonte Google 'Inter' (pesos 400, 500). 16–18px de largura, altura da linha ~1,6.
- Os títulos exibidos são enormes: clamp(56px, 12vw, 180px). Tracking -0.02em na exibição.
- Letras minúsculas (`text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px`) para navegação, tags de serviço e links de rodapé.
RITMO DE LAYOUT:
- Preenchimento vertical da seção: clamp(80px, 12vh, 200px).
- Largura máxima do contêiner: 1280px, margens laterais fixas (24px, 6vw, 96px).
- Espaço em branco generoso; não sobrecarregue o ambiente.
INTERAÇÃO:
- Barra de navegação superior fixa com leve desfoque de fundo ao rolar a página.
- Botões em formato de pílula: 1px sólido #000, preenchimento transparente, raio da borda: 9999px, preenchimento 14px 28px. Ao passar o mouse, inverte para fundo #000 + cor #FFF, suavização de 200ms.
- Efeito de fade-in sutil ativado pela rolagem + translação de 24px na direção horizontal em cada bloco principal (Observador de Interseção).
- Linhas de serviço: ao passar o mouse, o texto e a seta deslizam para a direita em aproximadamente 12px, com um efeito de suavização de 200ms.
RESPONSIVO:
- Abaixo de 768px: os títulos são redimensionados para aproximadamente 64–88px, as grades de duas colunas se reduzem a uma coluna e as imagens permanecem com sangria total dentro de seu espaçamento interno.
SEÇÕES (nesta ordem exata):
1. NAV (fixo): nome do estúdio no canto superior esquerdo em letras minúsculas; botão "Trabalhe conosco" no canto superior direito.
2. HERO (totalmente branco): título dividido em duas linhas — linha 1 em Fraunces itálico, linha 2 em Fraunces normal — usando o slogan do usuário. Tipografia grande. Imagem de destaque monocromática pequena opcional flutuando no canto inferior direito (use a imagem pequena do título aqui OU reserve o título para a próxima seção). Indicação sutil de rolagem na parte inferior.
3. SOBRE: título 'Sobre [estúdio]' em Fraunces 700. Grade de 6 colunas: texto sobre à esquerda (colunas 1–3), imagem 4:3 à direita (colunas 4–6). Dois parágrafos curtos.
4. TÍTULO DA SEÇÃO: 'Nosso Trabalho' em Fraunces 700, tamanho grande.
5. ESTUDO DE CASO 1: nome do projeto (Fraunces enorme), linha de etiquetas de serviço em letras minúsculas (separadas por ponto no meio · ou por espaço). Abaixo do nome: imagem do projeto em largura total (use project_1, 1:1 recortada para enquadramento 16:9). Abaixo da imagem: grade de duas colunas — a coluna da esquerda mostra o número '01' em tamanho grande (Fraunces 300, clamp(100px, 18vw, 220px)), o rótulo 'Background' em letras minúsculas e, em seguida, um corpo de texto com cerca de 30 palavras. A coluna da direita é igual, com '02' e 'Solution'.
6. ESTUDO DE CASO 2: mesma estrutura do CS1, mas usando a imagem project_2. Opcionalmente, inverta a imagem para que ela fique sobre uma faixa esbranquiçada com uma tonalidade suave — mantenha as cores estritamente dentro da paleta.
7. ESTUDO DE CASO 3: mesma estrutura, usar a imagem do projeto_3.
8. FAIXA DE DESTAQUE: imagem em tela cheia (use o espaço reservado para imagem 16:9). Sem sobreposição de texto.
9. O QUE FAZEMOS: título "O que fazemos" em Fraunces 700. Abaixo, uma lista vertical das 6 etiquetas de serviço. Cada linha: divisor fino de 1px acima (#000), nome do serviço à esquerda em Fraunces ~clamp(36px, 6vw, 80px), seta '→' à direita. Cursor de ponteiro. Ao passar o mouse, desliza para a direita.
10. CTA: seção escura em sangria total, fundo #000. Título principal da Fraunces centralizado em #FFF usando o slogan de encerramento da CTA. Preenchimento fixo (120px, 20vh, 240px). Botão em formato de pílula "Trabalhe conosco" abaixo do título (borda branca, preenchimento transparente; ao passar o mouse, o fundo muda para branco com texto preto).
11. RODAPÉ: fundo branco, texto em grotesco em letras maiúsculas pequenas. Nome do estúdio à esquerda, links à direita ('Termos e Suporte', 'Política de Privacidade'). Borda superior fina (#000, 1px). Aviso de direitos autorais em letras minúsculas em uma segunda linha.
IMAGENS — insira os URLs fornecidos na seção de dados abaixo nos campos correspondentes. Aplique `object-fit: cover` e o filtro de segurança em tons de cinza a cada ``. Não adicione imagens decorativas extras.
DADOS — substitua estes valores na página:
- nome_do_estúdio:
- Slogan:
- about_copy:
- case_studies: array de três { nome, tags[], contexto, solução } da Etapa 1
- serviços: matriz de seis strings de tags de serviço da Etapa 1
- cta_tagline:
- imagens: { herói, sobre, projeto_1, projeto_2, projeto_3, recurso } da Etapa 2
- footer_links: ['Termos e Suporte', 'Política de Privacidade']
--- FIM DO PROMPT DA PÁGINA WEB ---
Ao chamar o método `generateWebpage`, passe `as_artifact: true`. Após o retorno, forneça ao usuário um resumo de uma linha no idioma de sua preferência e informe que ele pode solicitar a troca de qualquer imagem, a alteração do texto ou a renomeação de projetos.
Descrição
Crie um site de portfólio editorial elegante em preto e branco. Paleta totalmente em preto e branco, títulos serifados em tamanho grande, estudos de caso numerados e amplo espaço em branco. Gera automaticamente seis imagens monocromáticas coesas caso nenhuma seja fornecida.
Porque recomendamos esta habilidade
Essa habilidade cria portfólios web monocromáticos de alta qualidade, perfeitos para estúdios de design ou agências. Seu estilo editorial e minimalista oferece uma estética sofisticada e profissional.
Encontra a tua próxima habilidade favorita
Explora mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.