12 Melhores Templates de Site Pessoal para Webflow e Framer (2026)

Um site pessoal tem um objetivo que um site de estúdio não tem: precisa soar e parecer com uma pessoa específica. Muitos templates de site pessoal perdem esse ponto. São templates de agência com a logo substituída por um nome, e você descobre três páginas depois que o layout espera uma grade de equipe, uma página de carreiras e seis níveis de serviço que você nunca vai preencher.

Avaliamos 329 templates na nossa biblioteca que têm a tag Pessoal, entre Webflow, Framer e Shopify. Os 12 abaixo são os mais fortes e genuinamente construídos em torno de um indivíduo: um nome no hero, uma seção de apresentação ou CV com substância, e um jeito claro de entrar em contato. Estão classificados por Pontuação Geral, e dois deles são gratuitos.

O Que Faz um Bom Template de Site Pessoal

Um template de site pessoal deve colocar a pessoa em primeiro lugar e o portfólio em segundo. Isso significa um hero que acomode seu nome ou uma declaração curta, uma página sobre com espaço para experiência, clientes ou uma biografia, e um caminho de contato que funcione sem construção extra. Tudo o mais é opcional.

Quatro verificações economizam mais tempo quando você abre uma demonstração:

1. Comprimento do nome. Vários templates nesta lista definem o nome do proprietário em tamanho grande. Um nome curto parece deliberado; um longo pode quebrar de forma estranha ou ser cortado em um telefone.
2. Profundidade de apresentação e CV. Alguns templates incluem uma tabela de experiência apropriada com datas e cargos. Outros dão dois parágrafos e uma foto.
3. Escrita. Se você planeja publicar notas ou artigos, verifique se há um blog no CMS. Menos da metade dos templates pessoais na nossa biblioteca incluem um (126 de 329).
4. Uma página ou várias. Uma rolagem longa única é adequada para freelancers que querem cada resposta em um único lugar. Páginas separadas servem pessoas com um arquivo profundo de trabalho.

Nas plataformas: Framer domina esta categoria com 230 dos 329 templates, e é o lar natural para um site pessoal pequeno, focado em motion, que você pode lançar em um fim de semana. Webflow tem 98, e é a melhor escolha se seu site vai crescer em um arquivo grande ou um blog regular. Shopify tem exatamente um, Exposure (Design: 7.0/10, Dev: 8.5/10, $350), que faz sentido apenas se seu site pessoal é principalmente uma loja. Navegue por todos na nossa página de templates de site pessoal, ou por plataforma em Framer e Webflow.

Os 12 Melhores Templates de Site Pessoal, Classificados

Cada entrada leva à sua página de análise, onde uma gravação em tela da homepage completa toca ao lado do detalhamento da pontuação.

MOSS

Design: 9.8/10
Dev: 9.7/10
Preço: $49

Ideal para: designers e desenvolvedores que querem um site pessoal calmo, focado em tipografia, com um blog de notas e nada que não vão usar

O template com a pontuação mais alta na nossa biblioteca com a tag Pessoal, MOSS lê como um arquivo pessoal bem cuidado. O hero define o cargo do proprietário em tipografia branca e grande sobre cinza suave, com algumas imagens pequenas flutuando nas bordas, e uma sans-serif leva cada linha do site. Uma seção de notas oferece um local para escrita curta com datas, o que é ideal para pessoas que pensam em voz alta.

Projetos e notas funcionam pelo CMS, cada um com páginas de detalhes, e um formulário de contato já vem pronto.

Bom saber: a direção de arte da demonstração favorece fotografia forte, então verifique se suas imagens têm o mesmo peso em layouts de tons cinzentos.

Olyver

Design: 9.6/10
Dev: 9.7/10
Preço: Grátis

Ideal para: diretores criativos e designers de produto que querem um site pessoal gratuito que trate seu nome como identidade

Olyver é o template pessoal mais literal aqui: o primeiro nome fica no canto superior esquerdo, o sobrenome no canto inferior direito, e um retrato preenche o espaço entre eles. A tipografia de exibição é suave e de alto contraste, então a página parece a capa de uma revista em vez de um currículo. Estudos de caso seguem como imagens em largura total com um resumo de uma linha cada.

Há uma seção de notícias com etiquetas de categoria para posts curtos, um formulário de contato que pergunta qual serviço alguém precisa, e páginas do CMS para cada projeto e artigo. Apenas dois templates pagos na categoria têm pontuação mais alta.

Bom saber: o layout depende de um retrato forte e imagens de projeto fortes; fotos médias deixam os blocos grandes parecendo vazios.

Elian

Design: 9.4/10
Dev: 9.7/10
Preço: Grátis

Ideal para: designers que querem um site pessoal escuro e ousado em mais de um idioma sem pagar pelo template

Elian divide o nome do proprietário em letras brancas enormes sobre um retrato em vermelho profundo, depois passa para uma grade de estudos de caso marcada por disciplina. Host Grotesk dá aos títulos uma borda afiada e editorial, e o motion é limitado a desvanecer e revelar na rolagem.

O suporte de localização é o destaque de um template gratuito, junto com a busca do site e um blog no CMS. Projetos, posts e uma página de contato todos vêm prontos, e o tema escuro se mantém bem na largura do telefone.

Bom saber: mudar para um esquema de cores claros significa trabalhar com overrides do Framer e estilos de componentes, não virar uma configuração.

Portfi

Design: 9.4/10
Dev: 9.7/10
Preço: $79

Ideal para: fotógrafos e designers que querem um portfólio pessoal que também possa vender impressões, presets ou produtos digitais

Portfi é construído como um CV com uma loja anexada. Depois de um hero preto que combina tipografia branca grande sobre um retrato quadrado, a homepage passa por apresentação, serviços, prêmios e um histórico de experiência com títulos de cargo e datas. Uma seção de ferramentas mostra ícones de software como etiquetas de comprimido, um pequeno detalhe que torna o conteúdo de apresentação mais específico.

A camada de ecommerce é a diferença: um checkout com estilo com campos de cliente e envio fica ao lado de projetos do CMS e um blog.

Bom saber: a tela toda preta parece pesada em um telefone, e precisa de imagens de alta qualidade para evitar parecer vazia.

Portfoliok

Design: 9.6/10
Dev: 9.4/10
Preço: $79

Ideal para: criativos visuais que querem um site pessoal amigável e colorido com loja e seção de habilidades no Webflow

Onde Portfi fica escuro, Portfoliok fica brilhante: uma foto de perfil redonda acima de um nome e cargo em Poppins maiúsculas e negrito, sobre branco com um acento coral suave. Habilidades aparecem como círculos de percentual e prêmios como cartões gradiente em rosa pastel, azul e amarelo, o que dá à página um tom brincalhão e pessoal.

Webflow Ecommerce alimenta uma página de loja, e projetos e posts no blog funcionam pelo CMS, com um formulário de contato em sua própria página.

Bom saber: percentuais de habilidades e cartões gradiente se adequam melhor a um site de designer do que de um fotógrafo, e a demonstração mostra apenas cinco projetos.

Monica Ellis

Design: 9.4/10
Dev: 9.6/10
Preço: $49

Ideal para: criativos sênior que constroem uma marca pessoal em torno do seu nome, com diário e arquivo

Monica Ellis abre em preto com o nome do proprietário em tipografia branca grande demais e uma biografia curta ao lado. Imagens de projeto seguem em sangra total com sobreposições de gradiente em ferrugem, vermelho e verde azulado, cada uma com legenda com nome, categoria e ano.

Ele tem mais estrutura do que as outras escolhas focadas em nome aqui: um arquivo, um diário com carrossel horizontal de posts, uma página de carreiras, cursores customizados e um toggle de lista ou grade para estudos de caso, tudo no CMS.

Bom saber: o layout de nome como marca passa por cada página, e trabalho mais claro e colorido vai lutar com a paleta escura.

Minimuline

Design: 9.6/10
Dev: 9.4/10
Preço: $69

Ideal para: designers com um pequeno e estável conjunto de projetos que querem uma presença de página única polida com opções de tema

Minimuline abre em gradiente de azul profundo para quase preto com uma declaração de biografia centralizada em Inter branco. O cabeçalho tem tema claro, escuro e um terceiro humor, mais um link de agendamento, então visitantes podem ver o trabalho em configurações diferentes. Blocos de galeria, uma área de reconhecimentos e um testemunho seguem.

É um dos seis templates nesta lista onde a Pontuação de Design supera a Pontuação de Dev. Suporte de localização e suporte de cor P3 estão incluídos.

Bom saber: a demonstração mostra uma homepage e uma página de projeto sem coleções do CMS, então uma página sobre e layouts de projeto extras são seus para construir.

Clara

Design: 9.6/10
Dev: 9.4/10
Preço: $59

Ideal para: diretores de arte e consultores que querem um site pessoal calmo e focado em serif com uma página de serviços e espaço para explicar como trabalham

Clara centraliza o nome do proprietário em uma serif vermelha grande em creme pálido, flanqueado por duas pequenas etiquetas de cargo e disciplina, enquanto o cabeçalho leva um relógio ao vivo e localização. A paleta para em creme, vermelho e preto. Espaçamento generoso dá real espaço a cada miniatura na grade de trabalho em alvenaria, o que importa quando imagens únicas precisam carregar cada projeto.

A página sobre contém uma declaração de forma longa sobre filosofia de design, uma página de soluções lista serviços, e testemunhos funcionam como cartões horizontais com atribuição. Projetos funcionam pelo CMS, e uma página de contato com formulário vem pronta.

Bom saber: não há coleção de blog, então notas ou artigos precisam de uma estrutura do CMS que você constrói você mesmo.

Nolan Barret

Design: 9.4/10
Dev: 9.5/10
Preço: $29

Ideal para: designers de identidade e gráficos com um grande volume de trabalho que preferem mostrar a escrever

Por $29, Nolan Barret é o template pago mais barato nesta lista, e tem a ideia mais distinta. Não há imagem no hero, apenas uma pequena frase sobre a pessoa em muito espaço branco e um cabeçalho com o nome e um relógio local ao vivo. Cada projeto é uma linha com nome, disciplina e ano, abrindo em uma grade de imagens legendadas como nomes de arquivo.

Controles de grade por projeto deixam você mudar entre layouts maiores e mais densos, o que ajuda quando pôsteres estão ao lado de mockups de website. A página Informação muda para preto com colunas para experiência, publicações, serviços e reconhecimento.

Bom saber: projetos vivem como conjuntos de imagem na homepage em vez de suas próprias páginas, então há pouco espaço para estudos de caso escritos.

OXYCO

Design: 9.7/10
Dev: 9.3/10
Preço: $79

Ideal para: designers e diretores de arte cujo trabalho se adequa a gradientes suaves e que querem um site pessoal focado em tipografia com blog e loja

Letras Poppins brancas e imensas soletram um nome e título em um hero preto em OXYCO, com um retrato circular no centro e links de redes sociais por perto. Seções então alternam entre lavagens preta e gradiente em hortelã, rosa e arco-íris pastel, e cantos arredondados em cada cartão evitam que esse contraste pareça severo. Uma seção de prêmios em cartões pastel dá ao conteúdo de apresentação alguma prova.

Uma loja com carrinho básico e checkout fica ao lado de projetos do CMS e um blog cuja alimentação mostra etiquetas de categoria e crachás de tempo de leitura. Páginas de contato e apresentação vêm como suas próprias páginas.

Bom saber: a tipografia do hero grande perde um pouco de seu impacto na largura do telefone, e a paleta de gradiente precisa se adequar ao seu trabalho antes de você se comprometer.

Olio

Design: 9.7/10
Dev: 9.0/10
Preço: $49

Ideal para: designers freelance que querem uma página que cubra serviços, currículo, testemunhos e FAQ

Olio compartilha a segunda Pontuação de Design mais alta nesta lista com OXYCO, atrás de MOSS, e tem a lacuna mais ampla entre suas duas pontuações. É um site pessoal de página única que abre com uma saudação quente em primeira pessoa em Instrument Serif grande e uma banda de cabeçalho menta cujo menu pula para seções na mesma página. Serviços funcionam como linhas altas com nomes muito grandes alternando esquerda e direita.

Uma seção de currículo, um slider de testemunho, uma FAQ e uma faixa de galeria de fotos ficam na homepage, com artigos de recursos e projetos em suas próprias páginas do CMS.

Bom saber: os corpos de artigo da demonstração são Lorem Ipsum, e colocar tudo em uma página a torna longa, então corte o que você não vai manter.

Okocha

Design: 9.2/10
Dev: 9.3/10
Preço: $49

Ideal para: criativos solo com nome curto e visuais fortes que querem uma homepage ousada e focada em imagem

Okocha apresenta seu proprietário o mais alto possível: o nome em Inter preto em tamanho de painel de propaganda, sobreposto a um retrato para que o rosto apareça através de uma das letras. Um crachá azul redondo com "disponível para novo trabalho" definido ao seu redor é a única cor. Trabalho selecionado segue como imagens em sangra total com legendas simples, e uma faixa de experimentos dá aos projetos paralelos uma casa.

O conjunto de página é pequeno: páginas de obras, apresentação, contato e estudo de caso, sem coleções do CMS.

Bom saber: um nome longo não vai ficar no hero do mesmo jeito, e o parágrafo de introdução é justificado, o que abre lacunas entre as palavras em um telefone.

Vale a Pena Usar Templates de Site Pessoal Gratuitos?

Sim, especialmente no Framer. 157 dos 329 templates pessoais na nossa biblioteca são gratuitos, e 144 desses estão no Framer. Templates pessoais gratuitos têm média de 8.0/10 geral em relação a 8.3/10 para pagos, e 18 gratuitos pontuam 9.0/10 ou superior. Dois entraram nesta lista: Olyver e Elian.

A troca é geralmente escopo em vez de acabamento. Nenhuma das duas escolhas gratuitas inclui ecommerce, que Portfi, Portfoliok e OXYCO adicionam, e Elian vem apenas escuro. Webflow tem 13 templates pessoais gratuitos, e SilenceFolio é o único em 9.0/10 ou acima. Navegue por cada opção gratuita na nossa página de templates gratuitos.

Se você está comparando estes com templates de site pessoal do GitHub, a diferença é principalmente sobre manutenção. Templates de Webflow e Framer são editados visualmente e hospedados pela plataforma, então você atualiza texto e projetos sem tocar em código ou uma etapa de construção.

Como Pontuamos Estes

Cada template aqui foi pontuado independentemente por vários designers (Pontuação de Design) e desenvolvedores (Pontuação de Desenvolvimento), cada um com 10 ou mais anos de experiência, e as pontuações publicadas são suas médias. Publicamos apenas templates em 7.0 geral ou acima, e não consideramos reputação do criador, vendas ou classificações do marketplace. O processo completo está na nossa página de metodologia.

Classificamos por Pontuação Geral, mas deixamos de fora vários pontuadores altos que têm a tag Pessoal enquanto apresentam um estúdio ou agência, já que não resolvem o problema de site pessoal. Para um site que apresenta uma equipe, a categoria completa de portfólio e agência é o melhor lugar para começar. Em nossas páginas de listagem, cada cartão de template reproduz uma gravação em tela da sua homepage, então você pode comparar estes 12 sem abrir uma única demonstração.