EnglishGitHub

Portfólio profissional · open source

Assine com a sua cara.

Home, portfólio, blog, currículo, propostas comerciais, painel admin e pagamentos já resolvidos. Você escolhe a aparência, escreve o seu conteúdo e publica com domínio próprio.

npx create-rubrica@latest meu-portfolio
Montar o meu
  • 13 layouts
  • 15 esquemas de cores
  • claro e escuro em todos
  • GPL-3.0
Uma caneta-tinteiro desenha o r do Rubrica com o floreio em terracota sobre papel envelhecido, ao lado de um ramo de folhas.

Combinador

Monte o seu e veja funcionando.

O preview não é uma imagem: é o próprio Rubrica rodando com dados de exemplo, em cada um dos layouts. Troque as peças, navegue pelas páginas e veja no celular.

Moods prontos

Uma combinação completa de layout, esquema, modo, textura e fontes.

Layout

Novos

Originais

Esquema de cores

A paleta: só as cores, com versão clara e escura.

Modo
Botão de modo
Textura

Respostas para o create-rubrica

Criar o meu com essas escolhas

Crie o seu

Gostou? Leve para o seu computador.

O visual que você montou no combinador já vai junto. Preencha os seus dados e cole o comando num terminal: ele baixa o Rubrica, instala tudo, cria o banco de dados (com login pelo navegador, conta gratuita) e monta o seu painel. No terminal, você só escolhe a senha do painel.

O que o site vai ter

Dá para ligar e desligar cada parte depois, no painel.

Cole no terminal

Cria a pasta .

Precisa do Node.js 20 ou mais novo.Nada do que você digita aqui sai do seu navegador: o comando é montado nesta página.

Layouts

Treze jeitos de contar a mesma história.

O conteúdo é o mesmo em todos: o layout muda a forma. Cada miniatura é a home de verdade, na aparência que o CLI recomenda para ela. Clique para abrir no combinador.

Novos

Usam o esquema de cores completo.

Originais

Os cinco primeiros, com as quatro cores principais do esquema.

Cada página de cada layout está descrita no guia dos templates.

Esquemas de cores

Quinze paletas, cada uma em claro e escuro.

Qualquer esquema funciona com qualquer layout. O site pode abrir no claro, no escuro ou seguir o sistema de quem visita, e mostrar um botão para alternar. Clique numa paleta para aplicá-la no combinador.

Os 11 papéis de cor de cada esquema, as texturas e as cores do painel admin estão em Esquemas de cores.

O que vem pronto

A base técnica é coletiva. A identidade é sua.

Começar um portfólio do zero dá trabalho demais, e os construtores prontos deixam todo mundo com a mesma cara. O Rubrica fica no meio do caminho: o sistema inteiro já resolvido, para você cuidar do conteúdo e da marca.

Home
Apresentação, números de destaque, cases, serviços, depoimentos e chamada de contato.
Portfólio
Projetos com filtro por categoria e estudos de caso com métricas, decisões e aprendizados.
Blog
Editor rich text, tags, busca e RSS automático.
Currículo
Estruturado, com PDF otimizado para ATS.
Propostas
Protegidas por senha, com aceite eletrônico, assinatura manuscrita e contrato em PDF.
Painel admin
Tudo editável pela interface, sem tocar no código.
Plugins
Liga e desliga o que você não quer expor.
Pagamentos
Checkout com PIX, boleto e cartão em até 12x pelo Asaas. Opcional.
IA
Tradução automática e currículo adaptado para cada vaga. Opcional.

Começar

Do terminal ao domínio próprio.

O CLI baixa a versão mais recente e aplica as suas escolhas. Depois, tudo se edita pelo painel admin, e o update traz as versões novas sem apagar o que você personalizou.

  1. Crie o projeto

    npx create-rubrica@latest meu-portfolio

    Monte no combinador e copie o comando pronto em "Crie o seu", ou rode este e responda às perguntas. Ele instala tudo, conecta o banco de dados e cria o painel admin.

  2. Abra o site

    npm run dev

    Na pasta do projeto. O painel fica em /login, com o e-mail e a senha que você definiu.

  3. Publique

    npx create-rubrica publicar

    Coloca o site no ar na Vercel (conta gratuita), com o banco de produção e o admin do site publicado. Depois, o update traz as versões novas sem apagar o que você personalizou.

Passo a passo completo, variáveis de ambiente e publicação na Vercel no README.

Matheus Mierzwa de perfil, de boné e óculos, em fundo escuro

Quem fez

Matheus Mierzwa

AI Enablement Lead e Tech Lead de Front-End

Matheus constrói sistemas de ponta a ponta, da arquitetura à produção, e lidera os times que usam esses sistemas. Na InBot, empresa de IA conversacional, fundou e lidera a área de AI Enablement e é o Tech Lead de front-end de um monorepo multiproduto.

O Rubrica nasceu do mesmo jeito que ele trabalha: documento antes do código, testado por quem vai usar e fácil de manter depois do lançamento. Presença profissional não é luxo, é o mínimo que o seu trabalho merece.