Template de site

Simplistic SaaS Template

Modelo SaaS moderno para startups de IA e agentes autônomos, com grades bento, ilustrações ricas e microinterações cuidadosamente elaboradas.

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, baixa densidade, clara
Paleta: fundo #FFFFFF; superfícies #FFFFFF, #F8FAFC; texto #1A1A1A; texto suavizado #6B7280; primária #3B82F6; destaques #10B981, #F59E0B, #EF4444
Tipografia: títulos Inter, 700, caixa de frase; corpo Inter, 14px; escala h1 64px, h2 48px, h3 32px
Forma e espaçamento: raio do botão 8px, raio do cartão 12px, bordas 1px solid #E5E7EB, sombras 0 1px 3px rgba(0,0,0,0.1), espaçamento entre seções 80px, largura do conteúdo 1200px
Seções (de cima para baixo): Hero — largura total, coluna única, manchete grande, subtítulo, dois botões CTA (azul primário, branco secundário), sobreposição em gradiente azul diagonal a partir do canto superior direito
Demonstração do produto — captura de tela do aplicativo incorporada com moldura de janela macOS, mostrando interface de gerenciamento de tarefas com colunas (Backlog, Todo, In Progress), cartões de problemas com rótulos e avatares, navegação na barra lateral
Recursos — layout de grade bento, 3x3 cartões com ilustrações, ícones e descrições curtas, tamanhos de cartões alternados
Depoimentos — linha horizontal rolável de citações de usuários com avatares, fundo cinza-claro
Preços — tabela de comparação em três colunas com planos escalonados, coluna destaque em azul
CTA — formulário centralizado com campo de entrada e botão, fundo escuro com texto branco
Detalhes marcantes: Sobreposição em gradiente azul diagonal na seção hero
Mockup da interface do aplicativo incorporado com UI realista do macOS
Grade bento com tamanhos variados de cartões e ilustrações ricas
Microinterações ao passar o mouse (ex.: elevação do cartão, pulsação do botão)
Uso consistente de cantos arredondados e sombras suaves
Rótulos e indicadores de status codificados por cores na visualização do aplicativo
Outras páginas: /features: Grade de recursos ilustrados com breves descrições
/pricing: Tabela de preços escalonados com destaques de comparação
/about: Fotos da equipe e declaração de missão com animações sutis

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.

Construa um site SaaS inspirado no modelo "Simplistic SaaS Template". Resumo de referência: modelo SaaS moderno para startups de IA e agentes autônomos, com grades bento, ilustrações ricas e microinterações cuidadosamente elaboradas. Use os conteúdos e imagens originais da minha marca, não os conteúdos de exemplo do modelo.

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.