BASE / 42 · Brand Book · v1.0 · Agosto 2026
Design bruto,
performance real.
Quem somos.
BASE não vende layout. Constrói base. Atendemos empresas com operação física real que precisam transformar o digital em ativo de crescimento — sem promessa inflada, sem site decorativo, sem SEO de enfeite.
Construir base.
Base é o que aguenta. Base é o que organiza. Base é o que transforma visita em demanda. Cada projeto entrega estrutura — não enfeite.
Site = base pública.
Toda empresa com presença física, equipe e padrão precisa de um digital com o mesmo peso. O site é a base pública do crescimento.
Função · Clareza · Execução.
Função acima de enfeite. Clareza radical. Execução precisa. Acreditamos em processo claro, decisão técnica, entrega sem abandono.
O manifesto.
Três frases que definem tudo o que a BASE faz — e o que recusa fazer.
O que é /42
"42" é o selo de método da BASE. Representa estrutura + precisão + execução técnica — a ideia de que o design não é só estética, é engenharia de conversão (copy, layout, performance, otimização, no mesmo bloco). Usamos "/42" como marcador técnico, tipo numeração de projeto/versão/área, pra reforçar que o trabalho é sistêmico e mensurável, não decorativo.
"42 funciona como código de projeto: um número curto, direto, que vira assinatura do nosso sistema de construção digital."
A marca.
O símbolo é um "B" geométrico, brutalista, montado a partir de polígonos. A palavra "BASE" usa o mesmo DNA — angulosa, sólida, com cortes diagonais. Use apenas as variações aprovadas.
Área de respiro
Reserve X = altura do símbolo em todos os lados. Nada de tipo, imagem ou marca dentro da área de segurança. Tamanho mínimo: 120px em tela, 30mm em impressão.
Cor.
3 cores de sistema + 7 cores neutras. Primary carrega presença, Light Grey respira, Black Grey ancora. Clique em qualquer swatch pra copiar.
System colors
A paleta oficial. Use com moderação — acentos, destaques, momentos de marca.
Neutral palette
Light grey pra fundos alternados, line pra bordas, dark grey pra títulos, black grey pra hero/footer.
Extend palette
Cores locais usadas nas 24 páginas do template pra estados, hover, borders sutis e fundos alternativos. Não são cores de marca — use com critério pra hierarquia e estado.
State colors
Cores pra estados de feedback. O template usa error no 404 e success em confirmações. Hover/focus dos botões já está especificado nos componentes.
Tipografia.
Duas fontes fazem o trabalho. Bricolage Grotesque é a voz — characterful, moderna, expressiva. Urbanist é o workhorse — clara, neutra, supportive.
Display principal. Usada em todos os títulos, hero, navegação, footer wordmark. 70 ocorrências.
Body copy, botões, captions, labels, meta. Geométrica e amigável. 64 ocorrências.
Serif de destaque. Usada na palavra-chave entre { } em todos os títulos. Cria contraste com a sans-serif principal. 31+ ocorrências.
Pattern: focused title
O template usa Playfair Display italic 500 na palavra-chave entre chaves {palavra}, com o resto do título em Bricolage. Esse é o pattern BASE pra todos os section headings.
the future brand
why choose us?
design bruto, performance real.
<h2>the <em class="accent">future brand</em></h2>
Combinando as 3 fontes
A BASE tem um stack tipográfico de 3 camadas: Bricolage (display) + Playfair (acento) + Urbanist (corpo). Cada uma com função clara, sem sobreposição.
Escala tipográfica
Base 16px, escala fluida em em. Os tamanhos diminuem em tablet e mobile conforme o template original.
Design bruto.
Performance real.
Estrutura que aguenta.
Função acima de enfeite.
Clareza radical.
/42 · Método
A internet está cheia de presença. Pouca tem estrutura. Empresas com operação real crescem no físico — mas no digital acabam presas no mesmo ciclo: site barato, promessa rápida, resultado nenhum. A BASE existe pra construir a base que sustenta crescimento.
Time has changed. The future of brand design lives in the intersection of craft, strategy, and a relentless focus on outcomes.
Como funciona o processo de briefing e entrega?
+1 234-567-890 · base.studio
BASE
404
Tokens complementares (tablet + line-height + tracking)
Tamanhos que aparecem em contextos específicos (tablet, footer, 404, FAQ) e tokens de line-height e letter-spacing usados em todo o template.
Componentes.
Building blocks reutilizáveis. Botões, cards, inputs — todos construídos a partir dos tokens, todos theme-aware.
Botões
Pill shape, 19px / 35px padding, Urbanist medium 500. Default: black grey fill, white text. Hover: light grey fill, dark text.
Card
Surface com cantos arredondados, sombra suave no hover. Usado em project cards, blog cards, service tiles.
Client focused
Those who place their trust in us to build their brand with care.
Form input
Cantos arredondados, fundo cinza claro, texto cinza escuro. Usado em contact forms e search.
Widgets custom do template
O template usa ElementsKit + Premium Addons como extensões. Estes são os widgets que aparecem com mais frequência nas 24 páginas, com o padrão de uso recomendado.
Icon list
Lista com ícone + texto. 75 ocorrências no template. Ícone 16px, gap 12px, cor do ícone dark grey.
Image carousel
Carrossel de logos / imagens. 9 ocorrências. Imagens 4:3 ou 4:5, radius-md. Usado pra trust bar de clientes.
Accordion (ElementsKit)
Lista colapsável. 6 ocorrências (FAQ). Border entre itens, ícone + ou chevron à direita. Estado aberto: ícone muda + texto destacado.
O que está incluso no BASE LP?+
Briefing, estrutura de conversão, copy, design personalizado, dev React + Tailwind, formulário, WhatsApp, SEO básico, publicação.
Em quanto tempo fica pronto?+
BASE LP: 5–7 dias úteis. BASE SITE: 3–4 semanas. BASE SITE PRO: 5–6 semanas. Prazo conta do recebimento de todo material.
Vocês fazem identidade visual?+
Não é nosso core. A BASE assume que a marca existe (ou está em formação por outro fornecedor) e constrói o digital em cima. Se precisar, indicamos parceiros de branding.
Counter
Número grande com label. Tipografia Bricolage Grotesque 400 em 3.3em. Usado pra estatísticas (anos, projetos, clientes).
Testimonial (ElementsKit)
Card de depoimento com avatar + nome + cargo + citação. 4 ocorrências. Tipografia corpo, citação em itálico opcional.
"A BASE entregou o site em 4 semanas e o tráfego orgânico cresceu 3x em 90 dias. A diferença foi método, não promessa."
O que entregamos.
A BASE entrega dois tipos de produto — Sites Institucionais e Landing Pages — sustentados por um núcleo de Diagnóstico & Otimização. Toda entrega parte do mesmo princípio: E de EXECUÇÃO.
Landing Page.
Pra colocar uma oferta no ar com clareza e velocidade. Estratégia, copy, design, dev, SEO básico — em 5–7 dias úteis.
Site Institucional.
Pra empresas que precisam profissionalizar a presença digital. De 5 a 12 páginas, com copy, design, dev, performance e SEO.
Diagnóstico & Otimização.
Auditoria, SEO Foundation, Rebuild, SEO mensal, Local, Care e Growth. O motor que sustenta o site depois que vai pro ar.
↗ Para o time comercial
Tabela completa de pacotes & escada comercial.
Os 12 pacotes, preços, escopo incluso/excluso, prazos e a esteira de upgrade para consulta do time e preparação de propostas.
Iconografia.
Traço 2px, sem preenchimento, sobre grid 40×40. Estilo clean, sem cantos arredondados.
Espaçamento & Grid.
Base unit 4px. Use a escala abaixo pra padding, margin e gap. Container 1300px, 12 colunas, 24px gutter. Breakpoints: 480 / 640 / 768 / 1025 / 1280 / 1536.
Imagery.
Foto editorial, alto contraste, sem stock. Saturação baixa funciona bem com a paleta neutra. A BASE tem a textura e o gradiente oficiais como recursos.
Voz & tom.
Direto, técnico, sem promessa inflada. A BASE fala como alguém que executa, não como alguém que vende.
Do
- Lide com processo, não promessa
- Use "execução", "estrutura", "base", "diagnóstico"
- Quantifique escopo (5–7 dias, 5 páginas, 1 rodada)
- Fale de "decisão técnica" e "entrega"
- Use o selo /42 pra reforçar método
- Quebre objeção com processo, não com desconto
Don't
- Não use "transformação digital", "revolucionar"
- Não prometa resultado sem método
- Não use adjetivo vazio: "incrível", "surpreendente"
- Não esconda escopo atrás de "personalizado"
- Não coloque "a partir de" nos pacotes de entrada
- Não abandone cliente pós-entrega
Aplicações.
Como a marca se apresenta em pontos de contato reais. Todos os assets em ./assets.
Download kit.
SVGs oficiais, tokens W3C, mockups. Tudo pronto pra importar no Figma, Tailwind, ou qualquer projeto novo.
