Template de site
Blowfish - Tema poderoso e leve para Hugo
Um tema poderoso e leve para Hugo criado com Tailwind CSS.
Portfólio · Blog · Grátis
Páginas
Capturas da demonstração, página por página. Role dentro de cada página para vê-la inteira.
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 de destino, futurista, densidade média, escura
- Paleta
fundo #1a214a; superfícies [#1b2149,#0d1233,#1e3a6e,#18181b]; texto #ffffff; texto abafado #8d94bd; primária #2f73cd; destaques [#4a9ef0,#1e3a6e,#ffdd00]
- Tipografia
títulos -apple-system, 900, maiúsculas/normal; corpo -apple-system, 14px; escala h1 72px / h2 18px / h3 18px
- Forma e espaçamento
raio do botão 9999px, raio do cartão 8px, bordas nenhuma, sombras rgba(0,0,0,0.1) 0px 1px 3px 0px, rgba(0,0,0,0.1) 0px 1px 2px -1px, espaçamento entre seções 64px, largura do conteúdo 1024px
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação fixa com logotipo, itens de menu e ícones de utilidade, superfície escura com brilho sutil
- Hero — fundo em gradiente de largura total com ilustração abstrata de peixe, título centralizado, subtítulo e três botões CTA
- Recursos — grade de três colunas de cartões com destaques numéricos e texto descritivo, cartões escuros com texto branco
- Benefícios — grade de três colunas de cartões de recursos com ícones, títulos e links, espaçamento consistente
- Integração com IA — único cartão com ícone, título, descrição e link CTA
- Aviso — caixa azul-escura com trecho de código, ícone de triângulo de aviso e texto monoespaçado
- Playground de temas — seletor de layout com abas, avatares de patrocinadores em linha, grade de colaboradores com avatares circulares
- Recente — cabeçalho de seção com rótulo "Recent"
- Detalhes marcantes
- Ilustrações geométricas abstratas com linhas neônio brilhantes
- Partículas flutuantes e formas triangulares no fundo
- Uso consistente de cantos arredondados e sombras suaves
- Ícone de xícara de café amarela brilhante no canto inferior direito
- Blocos de código monoespaçados com realce de sintaxe
- Efeitos de passagem do mouse em cartões e botões
- Outras páginas
- /docs/: Seção de documentação com grade de cartões de artigos contendo ilustrações, títulos, metadados e tags
- /samples/: Seção de exemplos com grade de cartões de conteúdo demonstrativo mostrando diversos tipos de conteúdo, como gráficos, diagramas e exemplos em markdown
Detalhes do template
- Categoria
- Portfólio, Blog, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- Nuno Coracao
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
- dark-mode
- light
- minimal
- personal
- tailwind
Design original de Nuno Coracao, 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 "Blowfish". Referência: Um tema poderoso e leve para Hugo criado com Tailwind CSS. Estilo e funcionalidades a refletir: blog, dark, dark-mode, light, minimal, personal. 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.
