Template de site
Universal
Uma adaptação do tema Universal
Portfólio · Blog · 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
portfólio, limpo e moderno, baixa densidade, claro
- Paleta
fundo #00a8d7; superfícies #ffffff, #f5f5f5; texto #111111; texto suavizado #666666; primário #00a8d7; destaques #e94c89, #2b3a5c, #fbb03b, #00a8d7
- Tipografia
títulos Roboto, 700, maiúsculas; corpo Roboto, 16px; escala h1 48px, h2 32px, h3 24px
- Forma e espaçamento
raio de botões/cartões 4px; bordas nenhuma; sombras sombra projetada suave no laptop; espaçamento entre seções 80px; largura do conteúdo 1200px
- Seções (de cima para baixo)
- Hero — layout em largura total, duas colunas, lado esquerdo com título "DESIGN" e texto descritivo, lado direito com mockup de laptop exibindo cartões de perfis de equipe, fundo com sobreposição semitransparente em verde-azulado sobre colagem de imagens desfocadas
- Recursos — três ícones circulares com rótulos, centralizados horizontalmente, fundo branco
- Portfólio — layout em grid com quatro miniaturas de projetos, cada uma com título e rótulo de categoria, fundo branco
- Depoimentos — linha horizontal rolável de cartões com citações e avatares dos autores, fundo cinza-claro
- Contato — formulário com campos de entrada e botão de envio, centralizado, fundo branco
- Detalhes marcantes
- Sobreposição semitransparente em verde-azulado no fundo da seção Hero
- Mockup de laptop exibindo perfis de equipe com avatares circulares e ícones sociais
- Tipografia Roboto limpa com títulos em maiúsculas consistentes
- Design minimalista de cartões com efeitos de passagem do mouse sutis
- Iconografia circular para destaques de recursos
- Sombras projetadas suaves em elementos interativos
- Outras páginas
- /blog: lista de blog com postagem em destaque e barra lateral
- /about: seção de equipe com perfis individuais e biografias
- /contact: formulário de contato com mapa e detalhes de endereço
Detalhes do template
- Categoria
- Portfólio, Blog, Agência, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- devcows
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- company
- minimal
- portfolio
Design original de devcows, publicado no Hugo Themes. 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 "Universal". Briefing de referência: Uma adaptação do tema Universal Estilo e recursos a refletir: blog, empresa, minimalista, portfólio. Use textos e imagens originais da 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.
