Marca
Guia da marca.
Logo, Goma e o resto do Rebun.
Logo
O símbolo é um arco de tinta com o quadrado amarelo. Sozinho ele vira o ícone (baixar SVG). Deixe em volta um respiro de pelo menos a largura do quadrado.
- Não distorça, gire nem mude a proporção.
- Não troque as cores nem aplique degradê.
- Não use sobre foto ou fundo poluído sem contraste.
Mascote
Esse é o Goma. Arraste para girar, clique para ele acenar.
- Uma foca da Ilha de Rebun.
- O Rebun empresta o nome da Ilha de Rebun (礼文島), no norte de Hokkaido, no Japão, onde vive a foca-malhada-do-norte (Phoca largha).
- Goma, de Gomafu Azarashi.
- Em japonês a espécie se chama ゴマフアザラシ. Goma é gergelim: as pintinhas da pelagem parecem sementes, as mesmas manchas na cabeça dele.
- Moletom amarelo, servidor no peito.
- O moletom é o âmbar da marca, e o servidor estampado é o seu projeto: banco, login e arquivos rodando, com os LEDs piscando.
Cores
Âmbar
Quadrado do logo, interface e moletom do Goma
#FABE50
Tinta
Logo e texto no claro
#0A0A0A
Creme
Logo no escuro
#F3EFE4
Fundo claro
Página no tema claro
#FAFAFA
Fundo escuro
Página no tema escuro
#121215
Erro
Ações destrutivas
#E7000B
O botão copia o valor oklch usado no CSS (ou o hex, quando a cor só existe no logo).
Tipografia
Urbanist · títulos e texto
Aa
Banco de dados, auth e arquivos.
Títulos em semibold com tracking apertado; texto corrido em regular, cinza, com respiro.
Geist Mono · código e rótulos
Alternativa brasileira ao Supabase
await rebun.from("pedidos").insert({ total: 42 })Elementos
Seda e grão: o fundo da hero e do login.
Botões são pílulas (rounded-full); cards e linhas usam cantos de 16–24px.
Voz
- Português de verdade.
- Escreva como se fala com outro dev: direto, sem tradução literal do inglês.
- Preço em reais, sem asterisco.
- Valores em R$, com o que está incluso e o que é excedente.
- Sem jargão de vendas.
- Nada de “revolucionário” ou “solução completa”. Diga o que faz.
- Bem-humorado, nunca bobo.
- O Goma tem graça; a documentação e os erros são sérios e claros.