Guia da Marca v1
Núcleo iMobLab · Guia da Marca · Startup Lab

Núcleo iMobLab — Guia da Marca

O laboratório de pesquisa e tecnologia imobiliária que não finge estar pronto. Build. Test. Ship.

Documento mestre de marca. 13 seções + um Bloco Para IA pronto pra colar em system prompt. Segue o padrão do ecossistema JR Ortiz — paleta laranja/dark trocada via tokens CSS.

VERSÃO  1.0 DATA  2026-05-31 STATUS  v1 DOMÍNIO  nucleoimoblab.com.br BASE  Startup Lab Design System
01 / 13

Essência

O Núcleo iMobLab carrega a honestidade técnica como valor — não como limitação. Enquanto produtos corporativos escondem a construção atrás de polimento, o iMobLab exibe o processo. Badge de "Beta" não é desculpa: é credibilidade. Quem está realmente construindo não precisa fingir que terminou.

O que é. O iMobLab é uma comunidade-laboratório de pesquisa e tecnologia para o mercado imobiliário — onde corretores, incorporadores e curiosos de tech testam ferramentas, dados e ideias em construção. Não é agência, não é SaaS genérico, não é curso. É um lab de verdade: código, dados, projetos com status, postura direta.

Posicionamento. A cultura é YC-inspired: build in public. O design admite iteração e incompletude porque a marca confia no processo. O laranja #FF6600 é o único sinal de energia que atravessa tudo — raro, nunca como fundo de seção. Sua escassez é o que dá impacto.

Missão
Criar o lugar onde o mercado imobiliário experimenta tecnologia de verdade — testando, errando e enviando em público, sem fingir polimento.
Metáfora central
O laboratório aberto. O maior ativo visual é o projeto com status — um card "Beta" rodando agora, não um produto fingindo estar acabado.
Tom de marca
Build. Test. Ship. Técnico, honesto, direto. Banido o vocabulário corporativo ("Soluções", "Ecossistema", "Disruptivo").
Cor da vida
Laranja #FF6600 = energia/sinal. Aparece raro e forte. Dark #0A0A0A para impressionar; light #F4F4F4 para trabalhar (docs).
Dicotomia que define a marca: dark hero (impressionar) + light docs (ler/trabalhar). A troca entre os dois modos não é inconsistência — é especialização de contexto.
02 / 13

Voz & Tom

O iMobLab fala como quem está construindo, não como quem está vendendo. Técnico, honesto sobre o que ainda é WIP, sem hype corporativo. Derivado do DNA: build in public, precisão, zero vaidade.

TécnicoHonesto (build in public)DiretoSem corporativêsBuild · Test · Ship

Princípios verbais

Honesto sobre o status. Se está em beta, diz beta. "Em construção" é credibilidade, não fraqueza. Nunca prometer "pronto" o que ainda é WIP.

Banido o corporativês. Proibido: "Soluções inovadoras", "Ecossistema disruptivo", "Transformação digital", "Revolucionar o mercado". Fala-se de código, dado, ferramenta e projeto com nome e status.

Direto e técnico. Frase curta. Verbo de ação. Quando há número ou dado, ele aparece em JetBrains Mono. O lab respeita a inteligência de quem lê.

Antes → Depois

Antes (errado)
Depois (voz iMobLab)
"Soluções inovadoras e disruptivas que revolucionam o ecossistema imobiliário."
"Ferramentas pra testar dados de mercado. Algumas em beta, todas em uso real."
"Nossa plataforma completa e robusta está pronta para transformar seu negócio."
"3 ferramentas no ar, 2 em WIP. Build in public — você vê o que tá pronto e o que não tá."
"Junte-se ao ecossistema líder em tecnologia imobiliária do Brasil."
"Entra no lab. A gente constrói, testa e envia junto."
"Em breve, novidades surpreendentes para encantar o mercado."
"Roadmap aberto: o que tá vindo, com status real. Sem teaser vazio."
04 / 13

Cores

Preto-quase-puro #0A0A0A como base do dark — proibido #000000. Cinza-clarinho #F4F4F4 para docs. Laranja #FF6600 é o único acento, sparse e poderoso: logo, CTA, status. Tudo via tokens CSS copiáveis.

Dark base
Hero · features · dark mode · nunca #000000
--bg
#0A0A0A · RGB 10,10,10
Laranja · acento
Logo · CTA · status · links · esparso
--teal
#FF6600 · RGB 255,102,0
Laranja hover
Estado hover de botões e links
--teal-hover
#FF8533 · RGB 255,133,51
Light base
Docs · blog · leitura longa
--bg-light
#F4F4F4 · RGB 244,244,244
Card dark
Cards e painéis em dark mode
--bg-card
#181818 · RGB 24,24,24
Card light
Cards em modo claro (docs/blog)
--bg-card-light
#FFFFFF · RGB 255,255,255
Branco
Texto sobre dark · títulos
--text
#FFFFFF · RGB 255,255,255
Cinza claro
Texto secundário · corpo
--text-2
#CCCCCC · RGB 204,204,204
Muted
Metadados · captions · timestamps
--muted
#888888 · RGB 136,136,136
Borda dark
Separadores em dark mode
--border
#2A2A2A · RGB 42,42,42
Borda light
Separadores em modo claro
--border-light
#E0E0E0 · RGB 224,224,224
Laranja dim
Fundo de badge · highlight · hover
--teal-dim
rgba(255,102,0,.12)
Regra inviolável do laranja: #FF6600 nunca preenche uma seção inteira como background — é acento, não fundo. Máximo 1 CTA laranja por seção. Sua raridade é o que dá o impacto.
05 / 13

Tipografia

Space Grotesk para tudo — headline de impacto e corpo de texto na mesma família. JetBrains Mono exclusivamente para o que é técnico: código, IDs de projeto, dados, outputs de sistema. Uma fonte, dois pesos (700 impacto, 400 leitura).

Space Grotesk
Interface · títulos · corpo · navegação
Aa Bb Cc 0123456789 · Build. Test. Ship.
JetBrains Mono
Código · dados · IDs · status técnico
v1.2.0 · #proj-014 · 99.8% uptime
HeroSpace Grotesk 700 · clamp(2.5rem,5vw,4.5rem) · -0.02em
H1 · Títulos de seçãoSpace Grotesk 700 · 2rem · -0.01em
H2 · SubtítulosSpace Grotesk 600 · 1.375rem
Body · texto corrido (mínimo absoluto)Space Grotesk 400 · 16px · lh 1.6
Label · status badgeSpace Grotesk 600 · 12px · UPPER · +0.08em
v1.2.0 · #proj-014 · 99.8%JetBrains Mono 500 · 14px

Princípios: uma fonte, dois pesos (700/400); pesos 500/600 só em navegação e labels. Uppercase esparso apenas em badges e captions, nunca em parágrafo. Tracking negativo só em display. Largura máxima de linha 70ch. Código nunca em Space Grotesk — qualquer dado técnico usa JetBrains Mono obrigatoriamente. Fallbacks: Space Grotesk → system-ui · JetBrains Mono → 'Courier New'.

06 / 13

Grid & Espaçamento

Base 8px — tudo múltiplo de 8. Densidade baixa (4/10): espaço em branco generoso, uma ideia por seção. Grid assimétrico preferido — evitar 3 colunas iguais. Mobile-first, padding mínimo 16px no mobile.

--space-xs · 4pxGap ícone↔texto
--space-sm · 8pxGap entre irmãos
--space-md · 16pxPadding interno de card
--space-lg · 24pxPadding de card · gap
--space-xl · 40pxPadding de seção
--space-2xl · 64pxSeparação de seções (densidade baixa)

Border-radius — startup aesthetic (máx 10px)

Cantos suavemente arredondados comunicam a estética startup/lab — não o SaaS excessivamente redondo, não o corporativo de canto reto. border-radius máximo 10px nos containers principais. Botões e badges menores.

Containers / cards
8px
Cards de projeto, code blocks, painéis
Botão primário
8px
CTA laranja e outlined
Botão ghost
6px
Ação terciária em dark
Status badge
4px
Beta · WIP · Em breve · Ao vivo
Status dot
50%
Ponto pulsante "ao vivo"

Motion 6/10 — energético no hover e interação, completamente estático no conteúdo. Animações só em opacity e transform (scale 1.02 no hover de CTA), nunca acima de 200ms. Touch target mínimo 44px.

07 / 13

Aplicações

A marca aparece, antes de tudo, no card de projeto com status e na dicotomia dark/light. Dark impressiona (hero, features); light trabalha (docs, blog). O mesmo produto vive nos dois modos — é especialização, não inconsistência.

// dark · hero/features · impressionar
Ao vivo
Radar de Lançamentos
Monitora pré-lançamentos por cidade e cruza com dados de absorção. Atualiza em tempo real.
stack: n8n · supabase · next
// light · docs/blog · trabalhar
Beta
Índice de Liquidez
Documentação aberta da metodologia. Como o lab calcula velocidade de venda por bairro.
docs · v0.4 · WIP
Hero / landing
Dark #0A0A0A total. Headline Space Grotesk 700. 1 CTA laranja. Badges de status nos projetos — demonstra o lab trabalhando.
Docs / blog
Light #F4F4F4. Cards brancos com sombra suave. Leitura longa confortável. Laranja só em links e CTA.
Card de projeto
Badge de status (topo) → título 700 → descrição muted → tag de stack em mono → "Ver projeto →" laranja.
Roadmap / social
Status real (Beta/WIP/Em breve) em vez de teaser vazio. Build in public. Code blocks como prova técnica.
08 / 13

Imagery & Ícones

A imagem da marca é o produto em construção — código, dado, projeto com status — não a foto de stock corporativa. Banido: aperto de mãos, prédio espelhado, gente sorrindo em sala de reunião. A prova visual é a tela do lab trabalhando.

Estilo visual
Flat, técnico, honesto. Sem 3D, sem chrome, sem gradiente decorativo. Código e dado como elemento gráfico.
Ícones
Stroke, nunca fill. Cor #888888 em repouso, laranja quando ativo. Estilo técnico/linha, coerente com lab.
Status badges
Assinatura da marca: Beta · WIP · Em breve · Ao vivo. Sempre laranja dimmed. "Ao vivo" com ponto pulsante.
Laranja sinal
Uso extremo de moderação. 1 CTA por seção. Sobresaturar destrói o impacto — o preto/branco faz o trabalho pesado.

Profundidade — 3 camadas por cor (dark mode)

Base
#0A0A0A
Background da página
Superfície
#181818
Cards · painéis · code
Elevado
#222222
Hover de card · modais
09 / 13

Do & Don't

Fazer

  • Logo sempre transparente — pousa direto em qualquer cor
  • Usar #0A0A0A como base do dark mode
  • Laranja #FF6600 esparso — máximo 1 CTA por seção
  • Status badges (Beta/WIP/Em breve/Ao vivo) nos projetos
  • Dark pra impressionar (hero), light pra trabalhar (docs)
  • border-radius máximo 10px em containers
  • Space Grotesk em tudo; JetBrains Mono só pra dado técnico
  • Fonte mínima de 16px em texto visível
  • Grid assimétrico — evitar 3 colunas iguais
  • Ser honesto sobre o status — WIP é credibilidade
  • Densidade baixa — uma ideia por seção, espaço generoso

Não fazer

  • Quadrado/tile de fundo atrás do logo (a marca é autocontida)
  • Preto puro #000000 (banido — usar #0A0A0A)
  • Laranja como fundo de seção inteira
  • Mais de 1 CTA laranja por seção
  • border-radius acima de 10px (vira SaaS genérico)
  • Vocabulário corporativo ("Soluções", "Ecossistema", "Disruptivo")
  • Foto de stock — aperto de mãos, prédio espelhado, sala de reunião
  • Prometer "pronto" o que ainda é WIP
  • Fonte menor que 16px em texto visível
  • Gradiente decorativo, 3D, chrome, glassmorphism
  • 3 colunas iguais · teaser vazio sem status real
10 / 13

Specs de Impressão

CMYK / Pantone / Hex / RGB de cada cor da paleta. Para uso impresso e fechamento de arte. Laranja e preto têm prioridade de validação no Manual do Logo.

CorHexRGBCMYKPantone
Dark base#0A0A0A10,10,10C0 M0 Y0 K96PMS Black 6 C
Laranja sinal#FF6600255,102,0C0 M70 Y100 K0PMS 1505 C
Laranja hover#FF8533255,133,51C0 M55 Y85 K0[A DEFINIR]
Light base#F4F4F4244,244,244C0 M0 Y0 K4[A DEFINIR]
Card dark#18181824,24,24C0 M0 Y0 K91[A DEFINIR]
Branco#FFFFFF255,255,255C0 M0 Y0 K0
Texto sobre laranja
#FFFFFF · branco
Contraste laranja/dark
5.9:1 · passa WCAG AA
Contraste branco/dark
19.5:1 · passa WCAG AAA
Muted /dark
5.1:1 · passa AA
Tamanho mín. logo
48px full · 16px símbolo · 20mm impresso
Formato master
SVG vetorial · 14 arquivos · sempre transparente

[A DEFINIR]: valores CMYK dos tons neutros são aproximações de conversão — Pantone validado para preto e laranja no Manual do Logo. Confirmar com fechamento de arte antes de impressão crítica.

11 / 13

Inventário de SVGs

14 SVGs oficiais — todos transparentes (sem fundo sólido). 9 versões com quadrado embutido foram arquivadas em _arquivo/logos-com-fundo-solido/ (não são logo — eram a marca num tile de cor).

ArquivoVersãoUso
imoblab-logo-vertical-transparente-dark.svgVertical · marca claraSobre fundo escuro/laranja · hero · app
imoblab-logo-vertical-transparente-light.svgVertical · marca escuraSobre fundo claro · docs · bg branco
imoblab-logo-vertical-mono-white.svgVertical · mono clara1 cor · sobre escuro
imoblab-logo-vertical-mono-black.svgVertical · mono escura1 cor · sobre claro
imoblab-logo-horizontal-transparente-dark.svgHorizontal · marca claraHeader dark · rodapé · email
imoblab-logo-horizontal-transparente-light.svgHorizontal · marca escuraHeader light · timbrado
imoblab-logo-horizontal-mono-white.svgHorizontal · mono clara1 cor · sobre escuro
imoblab-logo-horizontal-mono-black.svgHorizontal · mono escura1 cor · sobre claro
imoblab-symbol-transparente-dark.svgSímbolo · marca claraFavicon/avatar sobre escuro
imoblab-symbol-transparente-light.svgSímbolo · marca escuraFavicon/app icon sobre claro
imoblab-symbol-mono-white.svgSímbolo · mono clara1 cor · sobre escuro
imoblab-symbol-mono-black.svgSímbolo · mono escura1 cor · sobre claro
imoblab-wordmark-white.svgWordmark · claraTexto inline · dark mode
imoblab-wordmark-black.svgWordmark · escuraTexto inline · light
12 / 13

Changelog

v1.0 · 2026-05-31 · Criação do Guia da Marca do Núcleo iMobLab no padrão do ecossistema JR Ortiz. 13 seções + Bloco Para IA. Conteúdo visual derivado do Startup Lab Design System (imoblab-DESIGN.md); voz & tom derivados do DNA build-in-public; specs e inventário herdados do Manual do Logo v1.0. Paleta 100% em tokens CSS :root — replicado a partir do gold template INMOBIA trocando só o bloco de cores. Correção de logo (Paul Rand): marca definida como autocontida, sempre transparente; 9 SVGs com fundo sólido (quadrado embutido) arquivados — não eram logo, eram a marca num tile de cor.
⚡ BLOCO ESPECIAL

Para IA — Trecho de System Prompt

Bloco autossuficiente: copie e cole direto no system prompt de qualquer agente de IA que represente o Núcleo iMobLab. Resume identidade, voz, cores e proibições.

Selecione o bloco abaixo e copie. Funciona isolado — não depende do resto deste documento.

Você representa o NÚCLEO iMobLab — uma comunidade-laboratório de pesquisa e
tecnologia para o mercado imobiliário. Cultura YC-inspired, build in public.
Lema: "Build. Test. Ship." Não somos agência, nem SaaS genérico, nem curso —
somos um lab de verdade: código, dados, projetos com status, postura direta.

COMO FALAR
- Técnico e honesto. Se algo está em beta, diz beta. WIP é credibilidade.
- Direto. Frase curta, verbo de ação. Dado técnico aparece em fonte mono.
- PROIBIDO o corporativês: "soluções inovadoras", "ecossistema disruptivo",
  "transformação digital", "revolucionar o mercado", teaser vazio sem status.
- Fala de ferramenta, projeto, dado e código com nome e status real.
- Respeita a inteligência de quem lê — sem hype, sem promessa de polimento.

REGRAS DE COR (se você gerar UI ou imagem)
- Dark mode base SEMPRE #0A0A0A. NUNCA preto puro #000000.
- Light mode (docs/leitura) base #F4F4F4, cards brancos #FFFFFF.
- Laranja #FF6600 = único acento (logo, CTA, status, links). ESPARSO.
  NUNCA preencher uma seção inteira de laranja. Máximo 1 CTA laranja por seção.
- Texto sobre botão laranja é #FFFFFF (branco).
- Superfícies dark: cards #181818, elevado #222222, borda #2A2A2A.
- Texto: primário #FFFFFF, secundário #CCCCCC, muted #888888.

REGRAS VISUAIS
- border-radius máximo 10px em containers (cards/botões 8px, badges 4px).
  Startup aesthetic — nem canto reto corporativo, nem SaaS arredondado demais.
- Fonte: Space Grotesk em tudo; JetBrains Mono só pra código/dado/ID/status.
- Fonte mínima 16px. Touch target mínimo 44px.
- Status badges são a assinatura: Beta · WIP · Em breve · Ao vivo (laranja dim;
  "Ao vivo" com ponto pulsante). Use em cards de projeto e roadmap.
- Densidade baixa: uma ideia por seção, espaço em branco generoso.
- Grid assimétrico — evitar 3 colunas iguais. Sem gradiente, blur, 3D, chrome.

NUNCA
- Preto puro #000000. Laranja como fundo de seção. >1 CTA laranja por seção.
- border-radius acima de 10px. Fonte abaixo de 16px. Corporativês.
- Foto de stock (aperto de mão, prédio espelhado, sala de reunião).
- Prometer "pronto" o que é WIP. Teaser vazio sem status real.

Domínio: nucleoimoblab.com.br · Stack típico: n8n + Supabase + Next.
↑ Selecione tudo · Cmd/Ctrl+C · cole no system prompt do agente