Portfólio de designer Bentov1.0.2
Use esta Skill para criar site de portfólio.
Em alta
5.030 downloads0 curtidas1 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um portfólio de designer com palco cinza-claro, título em duas linhas com a segunda esmaecida, cards bento flutuantes em volta de um bloco de retrato vermelho, letras gigantes esmaecidas no rodapé e páginas de case discretas. Filtros, agendamento e formulários funcionam, em um único arquivo que abre em qualquer navegador e funciona 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 único arquivo de portfólio autocontido para o seu trabalho, que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas; e a portabilidade para o seu projeto com framework, se você tiver um.
- Cases com painéis de identidade, páginas de serviço com resumos de preço, um blog e filtros, busca, ordenação, visualizações em grade e lista e um widget de agendamento funcionando.
- O visual característico em um exemplo de 28 páginas com 14 imagens feitas sob medida: cards flutuantes, um bloco de retrato vermelho, tipografia esmaecida, movimento calmo e suporte completo a movimento reduzido.
Ideal para
- Designers independentes de marca, web e produto que querem um portfólio pronto para publicar.
- Pequenos estúdios que podem transformar o bloco vermelho em um retrato do fundador ou da equipe e escrever na primeira pessoa do plural.
- Designers que vendem serviços com preço fechado e querem páginas de serviço claras, uma linha do tempo do processo e um fluxo de agendamento.
Não é para
- Agendamento real em calendário, envio de e-mail ou pagamentos; os formulários mostram apenas confirmações de demonstração honestas.
- Fotógrafos ou agências que precisam de uma galeria densa de imagens de ponta a ponta em vez de cases discretos.
- Apresentar a fictícia Elin Saro, seus clientes ou depoimentos como trabalho real.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar site de portfólioEstilo travadoResultado editávelBentoFantasmaRetratoProcesso
Sobre esta Skill
O Portfólio de designer Bento cria um site de portfólio para um designer independente, estúdio ou pequena marca: palco cinza-claro, título em duas linhas com a segunda esmaecida, seis cards bento flutuantes em volta de um bloco de retrato vermelho e páginas de case discretas. O exemplo é a designer fictícia Elin Saro, de Roterdã, com 28 páginas conectadas em que todo filtro, formulário e etapa de agendamento funciona.
O que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas. Se você já tem um projeto em algum framework, o design é portado para ele.
- Um portfólio completo: índice de trabalhos, seis cases com painéis de identidade, sobre, serviços com quatro páginas de detalhe e resumos de preço, processo, depoimentos, um blog com quatro artigos, agendamento, FAQ, newsletter, privacidade, colofão e uma página de não encontrado com design próprio.
- Controles que funcionam: chips de categoria com contagem, busca ao vivo, ordenação, visualização em grade e em lista, um widget de agendamento com dia, horário e assunto, e formulários com validação e estados de sucesso.
- Uma direção de arte para 14 imagens: luz norte suave, superfícies em cinza quente claro e um único objeto vermelho, com a identidade de cada cliente mostrada como objetos reais em vez de telas.
- Movimento calmo: os cards se acomodam uma vez, as seções aparecem com a rolagem e a configuração de movimento reduzido deixa tudo instantâneo.
Como usar
- Informe seu nome ou estúdio, o que você projeta, seus projetos com clientes e resultados, serviços, preços e contatos. O que faltar é rascunhado como um placeholder plausível e listado para você confirmar.
- Envie um retrato da cintura para cima para o bloco vermelho e fotos do seu trabalho, ou deixe o agente gerar naturezas-mortas dos projetos com a mesma luz suave. Retratos gerados são provisórios até você substituí-los.
- Abra cada página no desktop e no celular, teste os filtros, o agendamento e os formulários e peça ajustes.
A tipografia usa Instrument Sans e Geist Mono, embutidas no arquivo. Novas imagens vêm da ferramenta de imagem do seu próprio agente e podem ter cobranças de uso dela.
O que você precisa antes de começar
- Você fornece
- Seu nome ou estúdio, o que você projeta e uma breve apresentação · Projetos com cliente, ano, categoria e resultado, além de serviços, preços e contatos · Um retrato da cintura para cima e fotos dos projetos, ou autorização para gerar imagens provisórias
- 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 imagem no seu agente, ou suas próprias fotos, para o retrato e as imagens dos projetos · Um navegador moderno para visualizar e revisar cada página
- Custos externos
- Novas imagens de projeto e de retrato são geradas com a ferramenta de imagem do seu próprio agente, que pode cobrar pelo uso. Sem ela, forneça suas próprias fotos; seis imagens neutras podem ficar como placeholders. Ver o exemplo não custa nada.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…