Template de site
Freelancer
Um tema de portfólio flat, one page, licenciado pelo MIT, criado pela Start Bootstrap
Landing page · Portfólio · 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
portfólio de uma página, limpo e moderno, densidade média, claro
- Paleta
fundo #ffffff; superfícies [#1abc9c, #2c3e50, #1a252f]; texto #2c3e50; texto suavizado #ffffff; primário #1abc9c; acentos []
- Tipografia
títulos Montserrat, 700, maiúsculas; corpo Lato, 16px; escala h1 64px / h2 48px / p 24px
- Forma e espaçamento
raio de botões/cartões 8px, sem bordas, sem sombras, espaçamento entre seções 60px, largura do conteúdo 1296px
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação fixa com logotipo à esquerda e menu de três links à direita, fundo azul-escuro
- Hero — avatar circular centralizado acima do grande título "START BOOTSTRAP", divisor em forma de estrela, subtítulo com função, fundo verde-azulado
- Portfólio — grade de duas linhas com seis cartões quadrados contendo ícones circulares, cada cartão tem cor de fundo sólida, borda branca e ícone centralizado
- Sobre — fundo verde-azulado, bloco de texto em duas colunas, botão de download centralizado com ícone
- Contato — formulário com quatro campos (nome completo, e-mail, telefone, mensagem), botão de envio verde-azulado, fundo branco
- Rodapé — layout de três colunas com localização, ícones sociais (quatro botões redondos) e informações sobre o tema, fundo azul-escuro
- Detalhes marcantes
- Divisores em forma de estrela entre os títulos das seções
- Avatares circulares e ícones nos itens do portfólio
- Design plano com cores fortes e sombras mínimas
- Uso consistente de cantos arredondados (8px) em botões e cartões
- Alinhamento centralizado em todas as seções
- Hierarquia tipográfica limpa com Montserrat para títulos e Lato para corpo
- Outras páginas
- /about: seção com texto descritivo e CTA de download
- /contact: formulário de contato com campos de entrada e botão de envio
Detalhes do template
- Categoria
- Landing page, Portfólio
- Feito com
- Bootstrap, HTML5
- Licença
- MIT
- Autor
- Start Bootstrap
- Publicado em
- Start Bootstrap
- Preço
- Grátis
- bootstrap
- bootstrap-4
- bootstrap-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- free
- freelancer
Design original de Start Bootstrap, publicado no Start Bootstrap. 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 landing page inspirado no template "Freelancer". Resumo de referência: Um tema de portfólio flat, one page, licenciado pelo MIT, criado pela Start Bootstrap Estilo e recursos a refletir: bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template, bootstrap-template, bootstrap-theme. Use copy e imagens originais para a 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.
