Template de site

Productized Agency Template

Modelo moderno para agências que oferecem serviços padronizados, com destaque para pacotes, preços e diferenciais em design limpo e profissional.

Portfólio · SaaS · Grátis

Productized Agency Template

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

página inicial de agência, profissional e moderna, densidade média, contraste claro/escuro

Paleta

fundo #f2f2f2; superfícies #ffffff, #000000; texto #1a1a1a; texto suavizado #757575; primária #ffd700; destaques #ff6b35, #4caf50

Tipografia

títulos Inter, 700, caixa de frase; corpo Inter, 14px; escala h1 32px, h2 24px, h3 20px

Forma e espaçamento

raio do botão 8px, raio do cartão 16px, bordas nenhuma, sombras 0 8px 24px rgba(0,0,0,0.1), espaçamento entre seções 64px, largura do conteúdo 1200px

Seções (de cima para baixo)
  • Hero — largura total, título centralizado com subtítulo, dois botões CTA, linha de logotipos abaixo, fundo claro
  • Planos de Preços — grade de três colunas, dois cartões empilhados verticalmente à esquerda, um cartão largo à direita, cartão escuro tem efeito glassmorphism, todos os cartões têm cantos arredondados e sombra sutil
  • Recursos — lista horizontal rolável de componentes de serviço com ícones, fundo claro
  • Depoimentos — layout alternado esquerda/direita com avatares de usuários, citações e cargos, fundo claro
  • Contato — formulário centralizado com campos de entrada, rótulo e botão de envio, fundo claro
Detalhes marcantes
  • Efeito glassmorphism no cartão escuro de preços com sobreposição desfocada
  • Botões flutuantes "Selecionar Plano" com ícone amarelo e fundo preto
  • Emblemas de status em rosa e verde para disponibilidade
  • Cantos arredondados em todos os cartões e botões
  • Uso consistente de marcadores para listas de recursos
  • Emblema de verificação do Google Workspace ao lado dos avatares dos membros da equipe
Outras páginas
  • /services: visão geral das ofertas com ícones e breves descrições
  • /about: fotos da equipe, biografias e declaração de missão
  • /contact: formulário de contato com opções de e-mail e chat

Detalhes do template

Categoria
Portfólio, SaaS, Agência
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.

Construa um site de portfólio inspirado no modelo "Productized Agency Template". Resumo de referência: modelo moderno para agências que oferecem serviços padronizados, com destaque para pacotes, preços e diferenciais em design limpo e profissional. Use os conteúdos e imagens originais da minha marca, não os conteúdos de exemplo do modelo.

Como usar este template

  1. 1

    Clique em “Usar este template” para abri-lo no Ottermind Studio com o briefing preenchido.

  2. 2

    Acrescente ao briefing sua marca, público, páginas e conteúdo.

  3. 3

    O Ottermind cria um site novo inspirado neste design — continue ajustando pelo chat.