Template de site
Design & Development Studio Template
Um modelo moderno e limpo, perfeito para estúdios de design e desenvolvimento que desejam exibir seus serviços, projetos e preços.
Portfólio · SaaS · 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 agência, clima profissional e minimalista, baixa densidade, claro
- Paleta
fundo #f8f9fa; superfícies #ffffff, #f0f2f5; texto #1a1a1a; texto suavizado #6b7280; primário #3b82f6; destaques #1e40af, #06b6d4, #8b5cf6
- Tipografia
títulos Inter, 700, caixa de frase; corpo Inter, 16px; escala h1 48px, h2 32px, h3 24px
- Forma e espaçamento
raio do botão 8px, raio do card 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 — banner em largura total com sobreposição de imagem de montanha, título e subtítulo centralizados, dois botões CTA, linha de logotipos abaixo; fundo com sobreposição branca semitransparente
- Logos de clientes — grade horizontal de quatro logotipos de marcas com rótulos, centralizada sob divisor de linha pontilhada
- Seção de processo — título e parágrafo alinhados à esquerda acima de uma grande ilustração de ferramentas de design e mockups de interface, com barra de navegação escura na parte inferior mostrando "Geist", "Home", "Brand"
- Detalhes marcantes
- Sobreposição semitransparente na imagem hero para legibilidade do texto
- Divisor horizontal pontilhado entre seções
- Cantos arredondados em todos os elementos interativos
- Iconografia minimalista nos logotipos de clientes
- Barra de navegação escura flutuante sobre a ilustração
- Sombra sutil em cards e botões
- Outras páginas
- /work: layout de galeria de miniaturas de projetos
- /pricing: tabela de preços em níveis com comparação de recursos
- /services: cards de serviços com ícones e breves descrições
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.
Crie um site de portfólio inspirado no template "Design & Development Studio Template". Briefing de referência: Um modelo moderno e limpo, perfeito para estúdios de design e desenvolvimento que desejam exibir seus serviços, projetos e preços. Use textos e imagens originais da 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.
