
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas; ou uma versão portada para o seu projeto com framework, se você tiver um.
- Cases que combinam cada packshot com uma foto em uso, além de estimador de escopo, planos mensal e trimestral, Tabs de processo e um briefing de contato validado.
- Os característicos títulos em marcador, retrato na mancha, adesivos e cards de serviço coloridos em um exemplo de 21 páginas com 16 imagens.
Ideal para
- Designers independentes de marca e embalagem que querem sua personalidade na página.
- Fotógrafos e ilustradores que podem manter Work como trabalhos encomendados e vender pacotes como serviços.
- Padarias e produtores de alimentos que podem transformar Work na sua linha de produtos e Process em como eles são feitos.
Não é para
- Envio real de formulários ou pagamentos; o briefing de contato e o estimador mostram apenas resultados de demonstração honestos.
- Marcas que querem um visual discreto, minimalista ou corporativo em vez de tipografia em marcador e adesivos.
- Apresentar a fictícia Juno Halvorsen, seus clientes ou depoimentos como trabalho real.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar site de agênciaEstilo travadoResultado editávelDoodleHeroServiçoTrabalhos
Sobre esta Skill

O Estúdio de marca Marker-Doodle cria um site vibrante, acolhedor e desenhado à mão para um designer independente de marca ou embalagem: papel quente, texto em tinta e três cores de marcador (cobalto, vermelho-tomate e amarelo-girassol), títulos em marcador de ponta chanfrada, um retrato recortado e sorridente em uma mancha cobalto, cards de serviço em blocos de cor e fotos reais de embalagens. O exemplo é a designer fictícia Juno Halvorsen, com 21 páginas conectadas.

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 site de estúdio completo: um índice de trabalhos com filtros, busca e ordenação, quatro cases com packshots, fotos em uso e amostras de cor copiáveis, serviços com quatro páginas de detalhe, sobre, insights com quatro artigos, processo, contato, privacidade e uma página de não encontrado.
- Um estimador de escopo que soma um preço inicial e um prazo e preenche o formulário de contato, além de planos com alternância entre mensal e trimestral.
- Um briefing de contato validado com estados de carregamento e sucesso, Tabs de processo com um gráfico de linha do tempo e uma barra de progresso de leitura nos artigos.
- Entrada única do Hero, um sublinhado vermelho que se desenha, olhos esbugalhados que seguem o ponteiro e uma faixa de clientes que pausa ao passar o mouse, tudo calmo com as configurações de movimento reduzido.

Como usar
- Informe seu nome, o que você projeta, seus projetos com clientes e resultados, serviços com preços reais e seus dados de contato. Textos que faltarem são redigidos como placeholders plausíveis e listados para você confirmar.
- Envie um retrato recortado em fundo branco e um retrato quadrado em preto e branco, além de packshots e fotos em uso de cada projeto, ou deixe o agente gerá-los no mesmo estilo.
- Abra todas as páginas no desktop e no celular, teste os filtros, o estimador e o formulário de contato e peça ajustes.

A tipografia usa Permanent Marker, Bricolage Grotesque e Kalam, 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, o que você projeta e uma breve apresentação · Projetos com cliente, ano e resultado, além de serviços com preços reais e dados de contato · Um retrato recortado e fotos dos projetos, ou aprovação para gerar substitutos
- 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 retratos, packshots e fotos em uso
- Custos externos
- Novos packshots, fotos em uso e retratos são gerados com a ferramenta de imagem do seu próprio agente, que pode cobrar pelo uso. Sem ela, envie suas próprias fotos; as imagens do estúdio, do processo e dos adesivos podem ficar. 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…









