Template de site
Playful Marketing Template
Um modelo de marketing simples, elegante e divertido com cores mínimas e microinterações criativas.
Kit inicial · Grátis
Análise do design
Uma leitura feita por IA do design deste template: cores, tipografia, espaçamento, seções e detalhes marcantes. O Ottermind parte dela quando você usa o template.
- Visão geral
site de marketing, lúdico, leve, minimalista, claro
- Paleta
fundo #f9f9f9; superfícies #ffffff, #eef2f7; texto #111111; texto suavizado #666666; primário #34a853; destaques #00796b, #00897b
- Tipografia
títulos Inter, 700, caixa de frase; corpo Inter, 16px; escala h1 56px, h2 40px, h3 28px
- Forma e espaçamento
raio do botão 8px, raio do cartão 12px, bordas nenhuma, sombras de queda suave (desfoque de 2px), espaçamento entre seções 120px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Cabeçalho — navegação horizontal com Início, Preços, Blog em #34a853, centralizada, sublinhado fino no item ativo; fundo branco
- Hero — largura total, título e subtítulo centralizados, botão CTA abaixo; fundo com padrão sutil de pontos; elementos de UI flutuantes (cartões com ícone de raio, pasta, clipe de papel) nos cantos
- Recursos — layout em três colunas com ícones, títulos e descrições curtas; cada coluna tem um cartão arredondado com sombra
- Depoimentos — layout em duas colunas com citações de usuários e avatares; cores de fundo alternadas
- Preços — cartões de planos em três níveis com preços, recursos e CTAs; efeitos ao passar o mouse sobre os cartões
- Rodapé — linha com logotipo, links e ícones sociais; texto cinza-escuro sobre fundo branco
- Detalhes marcantes
- Elementos de UI flutuantes (cartões, pastas, clipes de papel) com sombras suaves e leve rotação
- Padrão de pontos sutil em todo o fundo
- Cantos arredondados em todos os elementos interativos
- Ícones animados de raio elétrico nos cartões flutuantes
- Microinterações ao passar o mouse (mudança de cor do botão, elevação do cartão)
- Uso consistente da cor verde primária para CTAs e destaques
- Outras páginas
- /pricing: cartões de preços em níveis com listas de recursos e comparação
- /blog: grade de artigos com imagem em destaque, título, trecho e link "ler mais"
Detalhes do template
- Categoria
- Kit inicial
- Licença
- Commercial
- Autor
- Aceternity UI
- Publicado em
- Aceternity UI
- Preço
- Grátis
Design original de Aceternity UI, publicado no Aceternity UI. O Ottermind não copia o código do template: ele cria um site novo a partir do briefing.
O briefing de onde o Ottermind parte
Ele abre no Studio como rascunho — acrescente sua marca, público e páginas antes de enviar.
Crie um website starter kit inspirado no template "Playful Marketing Template". Briefing de referência: Um modelo de marketing simples, elegante e divertido com cores mínimas e microinterações criativas. Use textos e imagens originais para minha marca em vez do conteúdo placeholder do referência.
Como usar este template
- 1
Clique em “Usar este template” para abri-lo no Ottermind Studio com o briefing preenchido.
- 2
Acrescente ao briefing sua marca, público, páginas e conteúdo.
- 3
O Ottermind cria um site novo inspirado neste design — continue ajustando pelo chat.
