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.
Tokens e regras. São a fonte da verdade. Se não tá aqui, não inventa.
Identidade.
Logo, símbolo 2P pixel, ícones. Tudo que a marca da 2P é feita de.
Componentes
+ recipes.
Componentes primitivos (botões, inputs) e recipes - composições assinadas da 2P pra uso rápido em landing.
Getting
started.
4 passos pra começar um projeto novo com o Bit System.
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.