> ## Documentation Index > Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Design Layouts, imagens, ícones, fotos e design visual para o seu projeto. *** ## Design personalizado Mostre ao agente qualquer imagem, captura de tela ou esboço e ele reproduz o estilo. Ele escolhe fontes, cores, espaçamento e layouts com base na direção que você der. Tudo é responsivo em todos os dispositivos por padrão. **Como usar** Descreva o visual e a sensação que você quer. Compartilhe capturas de tela, moodboards ou sites de referência. Diga "deixe isso melhor" a qualquer momento para refazer o design. **Exemplos de prompts:** ``` Crie uma landing page para o meu SaaS de controle de estoque para restaurantes. Quero uma sensação limpa e confiável, parecida com a da Linear ou da Stripe. Seção principal escura com um mockup do produto, grade de recursos com ícones e uma tabela de preços com três planos no final. ``` ``` Refaça a minha página inicial usando esta captura de tela do Airbnb como referência. Trabalho com aluguéis de temporada no Algarve e quero um layout parecido, mas com cores mais quentes, terracota e creme. Mantenha a barra de busca em destaque e adicione uma seção com os nossos 6 imóveis em destaque. ``` ``` Reformule o meu site para ficar com um ar mais premium e editorial. Sou estrategista de marca para clientes de moda de luxo. Pense em Vogue encontrando uma agência sofisticada. Use imagens grandes em tela cheia, pouco texto e muito espaço em branco em todo o site. ``` *** ## Criar e editar imagens Descreva uma imagem e o agente a cria. Envie uma foto e diga o que mudar. Envie qualquer imagem e peça para remover o fundo. Cada imagem recebe um link permanente. Você escolhe o formato: paisagem, quadrado ou retrato. As edições podem usar mais de uma imagem. Envie a foto que você quer alterar mais até 13 imagens de referência, e o agente pega o estilo, as cores ou os objetos das referências e os aplica à imagem original. A remoção de fundo gera um PNG com transparência real, que você pode colocar sobre qualquer fundo. **Como usar** Descreva como a imagem deve ser: estilo, clima, cores, assunto. Para edições, envie a imagem e explique as mudanças. Ao adicionar referências, diga qual imagem deve ser alterada e o que aproveitar das outras. Para remover o fundo, basta enviar e pedir. **Exemplos de prompts:** ``` Gere uma imagem principal para a minha landing page de fintech. Quero um gradiente abstrato e fluido em tons de azul-escuro e roxo, com formas geométricas sutis. Formato paisagem, para ocupar toda a largura da página. ``` ``` Remova o fundo bagunçado da cozinha desta foto do nosso vaso de cerâmica. Troque por um fundo bege suave e limpo e mantenha as sombras naturais para que continue parecendo real. ``` ``` Crie três ilustrações em estilo flat para o fluxo de onboarding do meu SaaS: uma para a configuração da conta, uma para a colaboração da equipe em um painel e uma para a comemoração ao concluir. Use azul-petróleo e laranja quente como cores principais. ``` ``` Edite a primeira foto do nosso sofá para combinar com a iluminação e o piso de madeira da segunda foto, e adicione ao lado dele a planta da terceira foto. Mantenha o sofá exatamente como está. ``` *** ## Ícone do site Gera um favicon para a aba do navegador. Designs simples funcionam melhor, porque o favicon é minúsculo. Pense em formas marcantes, letras isoladas ou ícones minimalistas. **Como usar** Descreva o ícone que você quer. Mencione o nome da marca, as cores e o estilo. Quanto mais simples, melhor a leitura em tamanhos pequenos. **Exemplos de prompts:** ``` Crie um favicon para a minha torrefação de café chamada "Ember". Faça um ícone minimalista de chama em laranja queimado sobre fundo escuro. Ele precisa ser reconhecível em 16x16 pixels, então mantenha simples. ``` ``` Gere um favicon para a minha consultoria. Apenas a letra "A" em uma fonte sem serifa limpa, texto branco sobre um círculo azul-marinho. Deve combinar com o tom profissional do resto do site. ``` ``` Crie um favicon para o meu app de fitness chamado "Pulse". Use um ícone de linha de batimento cardíaco em verde vivo sobre preto. Algo enérgico e moderno, no estilo do ícone do Strava. ``` *** ## Buscar fotos Pesquisa fotos gratuitas de banco de imagens e as adiciona diretamente ao seu projeto. As fotos são gratuitas e não exigem atribuição. Filtre por orientação, tamanho e cor. **Como usar** Descreva as fotos de que você precisa: assunto, clima, iluminação e onde elas ficarão no site. **Exemplos de prompts:** ``` Encontre 4 ou 5 fotos de estilo de vida para o site de um espaço de coworking. Preciso de imagens de pessoas trabalhando em escritórios modernos e claros, com luz natural, notebooks abertos e algumas cenas de colaboração. Paisagem para a seção principal e recortes quadrados para a seção da equipe. ``` ``` Procure fotos de gastronomia com um ar acolhedor para o site do meu restaurante do campo à mesa. Closes de pratos servidos, mesas rústicas de madeira e ingredientes frescos. Tons terrosos, nada muito produzido ou artificial. ``` ``` Encontre uma foto principal para a landing page da minha startup de fintech. Algo abstrato e profissional. Paisagem urbana ao entardecer, arquitetura limpa ou um fundo sutil com tema de tecnologia. Formato panorâmico, tons de azul frio. ``` *** ## Buscar ícones Pesquisa uma biblioteca de ícones, ilustrações e emojis. Você recebe conjuntos que combinam entre si, no mesmo estilo, em vez de ícones desencontrados de fontes diferentes. Personalize cores, tamanho e estilo. SVG ou PNG. **Como usar** Descreva de quais ícones você precisa e onde eles serão usados. Mencione o estilo (linha, preenchido, flat) e as cores. Pedir ícones relacionados juntos ajuda a manter a consistência. **Exemplos de prompts:** ``` Encontre um conjunto de ícones de linha que combinem entre si para a seção de recursos do meu SaaS: análises, colaboração, segurança, integrações e suporte. Todos no mesmo estilo de linha minimalista, na cor azul-marinho. ``` ``` Procure ilustrações coloridas para o onboarding de um app de bem-estar. Preciso de uma para cada etapa: criar um perfil, definir metas de saúde, conectar um dispositivo vestível e ver o primeiro relatório. ``` ``` Me traga um conjunto de ícones preenchidos para o rodapé do meu e-commerce: caminhão de entrega, setas de devolução, cadeado de pagamento seguro e balão de chat de suporte ao cliente. Cinza-escuro, estilo consistente, em torno de 24px. ``` *** ## Gerar vídeo Descreva uma cena, a revelação de um produto ou uma animação curta e o agente a produz. Os vídeos gerados são salvos diretamente nos seus arquivos, para você usar em qualquer lugar do projeto ou incorporar ao seu app. Você também pode enviar uma imagem de referência como primeiro quadro e descrever o que deve acontecer em seguida. **Como usar** Descreva o vídeo: assunto, movimento, clima, ângulo de câmera e estilo. Mencione a duração (5 ou 10 segundos) e a orientação, se fizerem diferença. Para animar a partir de uma imagem existente, envie-a e explique o que deve acontecer. **Exemplos de prompts:** ``` Gere um vídeo de 5 segundos para a seção principal da minha landing page de SaaS. Um painel limpo em modo escuro com gráficos de dados brilhantes, câmera se afastando suavemente, clima futurista de tecnologia. Formato paisagem. ``` ``` Crie um vídeo de fundo em loop para o meu app de meditação. Voo lento e suave sobre uma floresta de montanha com neblina ao nascer do sol. Azuis e verdes suaves. Orientação retrato, para telas de celular. ``` ``` Anime esta foto do frasco do nosso perfume em um clipe curto. Ele deve girar devagar enquanto uma luz dourada percorre o vidro. Fundo branco limpo, 5 segundos, paisagem. ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.