Template de site
Sidefolio - Modelo de Portfólio para Desenvolvedores
Sidefolio é um modelo de portfólio para desenvolvedores com blog, projetos, currículo e muito mais. Um layout com barra lateral e design moderno. Responsivo para dispositivos móveis com barra lateral que pode ser aberta e fechada.
Portfólio · 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 profissional, baixa densidade, claro
- Paleta
fundo #f8fafc; superfícies #ffffff, #f1f5f9; texto #1e293b; texto suavizado #64748b; primário #0f172a; destaques #059669, #334155
- Tipografia
títulos Inter, 600, caixa de frase; corpo Inter, 16px; escala h1 32px, h2 24px, h3 20px
- Forma e espaçamento
raio de botões/cartões 8px, bordas nenhuma, sombras 0 10px 15px rgba(0,0,0,0.05), espaçamento entre seções 80px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Cabeçalho — barra lateral fixa com perfil, links de navegação, redes sociais e CTA "Ler currículo"; herói principal com logotipo, navegação, título, subtítulo, selos de confiança, três cartões de funcionalidades e botão "Agendar uma ligação"; fundo branco
- Destaque de portfólio — duas pré-visualizações de cartões de designs de websites, cada uma com título, descrição e mockup; fundo branco
- Rodapé — visual parcial mostrando o nome da marca "Aceternity"
- Detalhes marcantes
- Barra lateral fixa com acento azul-escuro no estado ativo
- Iconografia minimalista para navegação e redes sociais
- Sombras suaves em cartões e botões
- Cantos arredondados em todos os elementos interativos
- Layout limpo e espaçoso com preenchimento generoso
- Efeitos de passagem do mouse sutis em botões e links
- Outras páginas
- /about: breve biografia com foto e habilidades
- /projects: grade de cartões de projetos com miniaturas e títulos
- /articles: lista de posts de blog com imagens em destaque e trechos
- /contact: formulário com campos de entrada e pré-visualização da mensagem
Detalhes do template
- Categoria
- Portfólio
- 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 modelo "Sidefolio Portfolio Template". Resumo de referência: Sidefolio é um modelo de portfólio para desenvolvedores com blog, projetos, currículo e muito mais. Um layout com barra lateral e design moderno. Responsivo para dispositivos móveis com barra lateral que pode ser aberta e fechada. Use textos e imagens originais para minha marca em vez do conteúdo de 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.
