Template de site
AI SaaS Template
Todo template de SaaS com IA é um template multipáginas focado em aplicações de inteligência artificial que oferecem soluções SaaS.
SaaS · IA · 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
Página inicial de SaaS, moderna e limpa, densidade média, clara
- Paleta
fundo #FFFFFF; superfícies #FFFFFF, #F8F9FA; texto #000000; texto suavizado #6C757D; primária #000000; destaques #000000, #1A1A1A
- Tipografia
títulos Inter, 700, caixa de frase; corpo Inter, 16px; escala h1 64px, h2 32px, h3 24px
- Forma e espaçamento
raio do botão 8px, raio do cartão 12px, bordas nenhuma, sombras de queda suave (0 4px 12px rgba(0,0,0,0.05)), espaçamento entre seções 80px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Cabeçalho — layout horizontal, logotipo à esquerda, links de navegação centralizados, login/cadastro à direita, fundo branco
- Hero — largura total, layout de duas colunas (texto à esquerda, imagem à direita), manchete grande, subtítulo, dois botões CTA (primário e secundário), crachá sutil de financiamento acima da manchete
- Pré-visualização do painel — largura total, captura de tela embutida da interface do produto com navegação lateral, cartões de métricas (Total de Usuários, Novos Cadastros, Taxa de Conversão), gráficos abaixo, fundo cinza claro
- Sobreposição para visualização móvel — versão menor da seção hero, mesmo layout, mas empilhado, menu hamburguer no canto superior direito
- Detalhes marcantes
- Mockup de painel flutuante com cantos arredondados e sombra suave
- Padrão de grade sutil no fundo atrás do texto da seção hero
- Uso consistente de texto preto sobre fundo branco para alto contraste
- Interface minimalista sem elementos decorativos
- Cantos arredondados em todos os elementos interativos
- Hierarquia tipográfica limpa com altura de linha generosa
- Outras páginas
- /pricing: tabela de preços com três planos, comparação de recursos
- /blog: lista de blog com artigo em destaque no topo, layout em cartões
- /contact: formulário de contato com campos e espaço reservado para mapa
Detalhes do template
- Categoria
- SaaS, IA
- 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 site de SaaS inspirado no template "AI SaaS Template". Brief de referência: Todo template de SaaS com IA é um template multipáginas focado em aplicações de inteligência artificial que oferecem soluções SaaS. Use copy e imagens originais para minha marca em vez do conteúdo placeholder da 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.
