Escolha do Skillry
Site de coletivo em papel recortadov1.0.2
Use esta Skill para criar página de site.
Em alta
5.035 downloads3 curtidas2 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Um site multipáginas para coletivo de design em estilo colagem de papel rasgado: um pequeno Hero centralizado sobre fundo preto acima de colinas pintadas em papel recortado e uma borda creme rasgada, um corpo creme acolhedor e blocos de cor chapados em amarelo, rosa, verde e azul-papel com um acordeão de princípios, uma faixa de citação azul rasgada e retratos recortados em preto e branco. Inclui Início, O que fazemos, Abordagem, Trabalhos com quatro páginas de projeto, Pessoas com três páginas de membros, Journal com três posts, Contato, Privacidade e Acessibilidade, em um único arquivo autocontido que abre offline.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um exemplo com 20 rotas para o fictício Commonfold Collective: quatro páginas de projeto, três páginas de membros, três posts do journal, contato, privacidade, acessibilidade e uma página 404 com design próprio.
- Peças funcionais: um acordeão de princípios com um item aberto por vez, filtros de trabalhos com busca, ordenação e estado vazio, alternância entre preço padrão e preço comunitário, FAQ, formulários validados e um aviso de link copiado.
- Um único arquivo autocontido com Newsreader e Figtree embutidas, além de um guia de estilo, um plano de imagens e verificações integradas que apontam nomes de exemplo esquecidos.
Ideal para
- Estúdios e coletivos de design e equipes de design cívico ou participativo que querem uma presença artesanal e divertida, sustentada por estudos de caso reais.
- Ateliês de gravura, escolas e pequenos escritórios que podem encaixar aulas, tutores ou projetos na mesma família de páginas.
- Equipes que preferem imagens de colagem, bordas rasgadas e fita adesiva a cards arredondados e fotos de banco de imagens.
Não é para
- Marcas corporativas que precisam de um visual sóbrio e minimalista; este design aposta em blocos de cor vibrantes e texturas de papel.
- Reservas ou pagamentos ao vivo: os formulários confirmam na própria página e não enviam nada até você conectar um backend.
- Marcas construídas sobre superfícies roxas ou violeta; o lilás aparece apenas como um pequeno detalhe.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar página de siteCriar site de agênciaEstilo travadoResultado editávelSerifa editorialAcordeão em blocos de corRetratos recortadosPaisagem de papel pintadoColagem de papel rasgado
Sobre esta Skill
Conte à Skill sobre o seu estúdio, seus princípios, projetos e pessoas, e ela monta um site completo em estilo colagem: um pequeno Hero centralizado sobre fundo preto acima de colinas pintadas em papel recortado, páginas em tom creme acolhedor, blocos de cor chapados e retratos recortados em preto e branco. O exemplo pronto é o fictício Commonfold Collective, um estúdio de design cívico, com 20 rotas conectadas. O resultado padrão é um único arquivo autocontido que abre offline em qualquer navegador.
O que você recebe
- Página inicial com o Hero, acordeão de princípios, faixa de citação, história da equipe, números, colagem de projetos, notas de parceiros e journal
- Páginas internas com conteúdo de verdade: estudos de caso com imagens de detalhe e números, páginas de membros, posts longos, serviços com formatos definidos, contato e FAQ
- Bordas rasgadas, fita adesiva e leves rotações que se endireitam no hover, com revelações suaves que se desligam no modo de movimento reduzido
- Newsreader e Figtree embutidas no arquivo, para que nada seja carregado da rede
Como usar
- Compartilhe seu nome, uma descrição de uma linha, de três a cinco princípios, seus projetos, equipe, posts e dados de contato.
- Seu agente preenche todos os espaços de conteúdo, gera novas imagens de colagem no mesmo estilo e executa as verificações integradas.
- Navegue por todas as páginas no desktop e no celular e peça alterações com suas próprias palavras.
Gerar novas imagens de colagem pode gerar cobranças de uso da sua ferramenta de imagem. Tudo o que o briefing não informar é redigido como texto provisório e listado para você confirmar.
O que você precisa antes de começar
- Você fornece
- Nome do estúdio, uma descrição de uma linha e de três a cinco princípios, cada um com um exemplo · Projetos com o que cada página precisa, além dos membros da equipe com funções e bios curtas · Posts ou notícias, ofertas e preços, endereço, e-mail e horários
- Dependências
- Node.js 18 ou mais recente na máquina do seu agente, para rodar o script incluído que gera o arquivo único offline · Acesso à internet durante a geração do arquivo, para que as fontes sejam baixadas uma vez e embutidas · Uma ferramenta de geração de imagens no seu agente para novas imagens de colagem
- Custos externos
- Gerar as imagens de colagem com a ferramenta de imagem do seu agente pode gerar cobranças de uso dessa ferramenta. Parte da arte neutra incluída (as colinas do Hero, as mãos e duas imagens do journal) pode ser reutilizada sem custo.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…