COBOGÓ

Gramática visual brasileira

Mesma relação. Outra voz.

Cobogó compartilha decisões que precisam sobreviver entre produtos — hierarquia, estado, ritmo, leitura, foco e ação. A identidade continua sendo de cada projeto.

O contrato

Não é um tema. É uma forma de pensar interfaces.

Cobogó evita duas armadilhas: reinventar a mesma relação em cada projeto e uniformizar produtos que deveriam ter personalidade própria.

O que sobe para o sistema é o que merece ser compartilhado. Cor local, tipografia, proporção e acabamento podem continuar locais quando carregam a voz do produto.

Mesma estrutura

Duas identidades que não precisam parecer parentes.

pattern: identity
Serviço público

Portal de serviços

Acesso direto, sóbrio e documental.

Cultura

Caderno Vazante

Arte, cidade e Amazônia com voz editorial própria.

Como usar

Comece pela relação que precisa sobreviver.

Antes de escolher um componente, pergunte o que precisa permanecer verdadeiro quando a aparência mudar: prioridade, estado, leitura, foco, navegação, contexto ou ação.

Se a resposta é reutilizável entre produtos, ela pode pertencer ao Cobogó. Se carrega a voz específica do produto, provavelmente deve continuar local.

Primeiro uso

Instale pouco. Descubra o resto no produto.

O Cobogó recomenda começar com o preset, observar uma relação concreta e só então puxar recipes ou primitives que realmente ajudam.

Abrir guia de primeiro uso
npm install github:franklinbaldo/cobogo#main

import cobogo from 'cobogo/preset'