Bit
System
A linguagem visual da 2P Growth Lab. Pra landings, propostas comerciais, decks de pitch, relatórios, social e site. Dark-first, retrô-tech, sem floreio.
Onde
usamos.
Todas as peças que saem com a cara da 2P usam o Bit System. É o que mantém a marca coerente entre quem faz deck, quem faz post e quem faz landing.
Site institucional & landings de captação
Home, páginas de serviço, landings de iscas digitais, cases publicados.
Propostas comerciais & pitch decks
PDFs e slides pra prospects. Usa tema light pra facilitar impressão/leitura.
Relatórios internos & reports pra clientes
Dashboards exportados, relatórios mensais, retros trimestrais.
Social da 2P & branding de eventos
Posts do Insta/LinkedIn da agência, convites, roll-ups, kit-mídia.
As bases.
Os contratos canônicos ficam em tokens.json e assets/manifest.json. Os CSS são os entrypoints de runtime.
Identidade.
Logo v2, símbolos operacionais, sprite de ícones e regras de aplicação da marca.
Design &
Motion.
Direcionamento para designers gráficos, editores e social media — tanto Adobe quanto Canva, tanto sênior quanto junior. Mesma marca, qualquer ferramenta.
Componentes
+ recipes.
Componentes base e recipes assinadas da 2P para construir peças com menos exceção manual.
Getting
started.
Fluxo mínimo para começar sem fugir da arquitetura e da gramática visual.
Importe os CSS
Link tokens.css e components.css. Fontes vêm junto via Google Fonts.
Defina o tema
No <html data-theme="dark">. Use light pra propostas em PDF.
Monte com recipes
Sempre que possível, comece pelos recipes. São as peças com cara de 2P.
Respeite a gramática
Só VT323 e Inconsolata. Neon só em 1 CTA por tela. Copy em minúscula.
No mundo
real.
Peças completas montadas com o Bit System. Copie descaradamente.
Para
IAs.
Arquivos organizados para agentes de IA, copilots e pipelines com menos ambiguidade entre contrato, runtime e assets.
SKILL.md
Guia principal para agentes. Define ordem de leitura, guardrails, recipes reais, setup mínimo e o que não assumir.
ai/llms.txt
Entrada curta e genérica para qualquer IA. Resume escopo, trust order e ordem de leitura do pacote machine-readable.
ai/system.json
Índice do pacote de IA. Define trust order, source of truth por domínio, contratos e regras globais de consumo.
ai/components.json
Contrato compacto de layouts e componentes. Traz classes reais, contextos permitidos, anti-patterns e referências canônicas.
ai/recipes.json
Lista de recipes reais do sistema com propósito, contexto, filhos obrigatórios e riscos de uso indevido.
ai/templates.json
Contextos operacionais da agência, com maturidade declarada, seções obrigatórias e recipes preferidas.
ai/assets.json
Guia condensado de logos, símbolos e ícones para IA genérica, com foco em seleção rápida e sem ambiguidade.
docs/ai-guide.md
Resumo operacional para IA: ordem de leitura, regras de consumo, escolhas de asset e limites do sistema atual.
tokens.json
Contrato estrutural dos tokens. Reúne camadas primitivas, semânticas, fundacionais, acessibilidade e relações de uso.
tokens.css
Entrypoint público do runtime de tokens. Importa a base modular em styles/ e preserva compatibilidade com peças existentes.
components.css
Entrypoint público do runtime de UI. Reúne layout, componentes, recipes e responsividade com nomes reais de classe.
assets/manifest.json
Catálogo canônico de logos, símbolos e ícones. Inclui status atual ou legado, contexto de uso, paths e ids reais do sprite.
docs/system-architecture.md
Mapa da arquitetura atual. Define fronteiras entre contrato, runtime, legado, assets e documenta as limitações conhecidas.
README.md
Onboarding humano. Resume estrutura, fontes de verdade, setup e comandos de validação.