Template de site
DevPro Modelo de Portfólio
DevPro é um modelo de portfólio para desenvolvedores com blogs, projetos, eventos e muito mais. Limpo. Moderno. Responsivo. Organizado.
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, moderno, densidade média, escuro
- Paleta
fundo #121212; superfícies #1e1e1e, #2d2d2d; texto #ffffff; texto abafado #b3b3b3; primário #007acc; destaques #007acc, #4a4a4a
- Tipografia
títulos Inter, 600, caixa de frase; corpo Inter, 16px; escala h1 48px, h2 32px, h3 24px
- Forma e espaçamento
raio de botão/cartão 12px; bordas nenhuma; sombras suaves de queda (0 4px 12px rgba(0,0,0,0.3)); espaçamento entre seções 80px; largura do conteúdo 1000px
- Seções (de cima para baixo)
- Cabeçalho — navegação horizontal com logotipo, links e botão "Baixar CV"; superfície escura com brilho sutil; alinhamento centralizado
- Hero — layout em duas colunas; lado esquerdo contém título principal, subtítulo e linha do tempo; lado direito contém retrato circular com fundo azul e ícones sociais abaixo; seção em largura total com fundo escuro
- Linha do tempo — linha vertical com marcadores de ano (círculos azuis), cada entrada possui um ícone circular pequeno e texto; entradas alternadas alinhadas à esquerda/direita; linhas divisoras leves entre os anos
- Detalhes marcantes
- Cor de destaque azul usada consistentemente para nomes, pontos da linha do tempo e elementos interativos
- Retrato circular com fundo azul sólido contrastando contra o tema escuro
- Linha do tempo vertical com pontos conectados e espaçamento limpo
- Brilho suave no cabeçalho e nos botões para profundidade
- Tipografia minimalista com espaçamento consistente e hierarquia clara
- Ícones sociais em monocromia, estilizados sutilmente abaixo do retrato
- Outras páginas
- /about: breve biografia com habilidades e interesses
- /projects: grade de cartões de projetos com imagens e títulos
- /contributions: lista de contribuições de código aberto com links
- /blogs: cartões de pré-visualização de artigos com datas e trechos
- /events: listagem no estilo calendário de eventos futuros
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 "DevPro Portfolio Template". Briefing de referência: DevPro é um modelo de portfólio para desenvolvedores com blogs, projetos, eventos e muito mais. Limpo. Moderno. Responsivo. Organizado. Use textos 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.
