iMobLab
Sistema de marca da comunidade de pessoas que querem mexer com IA no mercado imobiliário. Build. Test. Ship.
01 · Conceito
O símbolo é uma tag JSX/HTML aberta — < iM > — onde iM é tanto a abreviação de iMobLab quanto o radical de imobiliário. Tag aberta porque a comunidade está sempre em construção: builders escrevendo, testando, enviando, iterando. Nunca fechada.
Os brackets em laranja são o convite — pulse de entrada e saída. O iM em preto é a essência: o nome, o radical, a fundação. O pingo do i em laranja é o heartbeat: sinal vivo no centro, prova de que tem código rodando agora.
Três pontos laranja, um eixo simétrico: < · ponto · >. Não é beaker de laboratório. Não é cérebro. Não é robô. É código vivo no mercado mais analógico do Brasil.
02 · Anatomia
03 · Paleta
Três cores. Nada mais. Laranja é acento, nunca fundo de seção.
04 · Tipografia
JetBrains Mono Bold
Símbolo < iM >. Monospace que conversa com terminal, código e cultura builder.
Peso: 700 (Bold)
Uso: Símbolo + código inline
Fallback: Menlo, Courier New
Inter Bold
Wordmark iMobLab. Sans-serif geométrico, claridade institucional B2B.
Peso: 700 (Bold)
Uso: Wordmark + títulos
Letter-spacing: -2 (tight)
05 · Lockup vertical
Versão principal. Símbolo no topo, wordmark abaixo, centralizado. Use em: redes sociais, capas, documentos, site hero, apresentações.
06 · Lockup horizontal
Para cabeçalhos, e-mails, faixas e contextos onde altura é limitada. Símbolo + divisor + wordmark.
07 · Símbolo isolado
Para avatar de redes, favicon, app icon, contextos onde só cabe a tag. < iM > funciona sozinho.
08 · Wordmark isolado
Quando o contexto já fornece a identidade (ex: rodapé de um documento iMobLab), o wordmark pode aparecer sozinho.
09 · Versões transparentes
Sem fundo aplicado. Use sobre fotografias, vídeos, fundos sólidos não-padrão. Light para fundos claros, dark para fundos escuros.
10 · Versões mono
Quando o uso exige uma única cor (impressão econômica, gravação a laser, bordado, contextos de mídia restritos). Perde o sinal laranja mas mantém legibilidade.
11 · Do / Don't
12 · Especificações técnicas
Família: JetBrains Mono Bold 700
Tamanho referência: 115pt (vertical lockup)
Brackets & slash: #FF6600 (Laranja Signal)
iM glyphs: #0A0A0A (Preto)
Conjunto:
< espaço iM espaço />WORDMARK iMobLab
Família: Inter Bold 700
Tamanho referência: 78pt (vertical lockup)
Letter-spacing: -2 (tight, institutional)
Cor padrão: #0A0A0A
CANVAS
Vertical: 600 × 600
Horizontal: 900 × 260 (auto-fit)
Símbolo isolado: 500 × 500
Wordmark isolado: 800 × 200
ÁREA DE RESPIRO
Mínima ao redor do logo: 1× altura da letra "M" do wordmark
TAMANHOS MÍNIMOS
Vertical: 96px de altura (digital), 18mm (impressão)
Horizontal: 24px de altura (digital), 6mm (impressão)
Símbolo isolado: 24px (digital), 5mm (impressão)
13 · Inventário
Total: 23 SVGs. Cada arquivo é vetorial puro, sem dependência de fonte (glyphs como paths).
| Arquivo | Uso |
|---|---|
| imoblab-logo-vertical-white.svg | Vertical · fundo branco · principal |
| imoblab-logo-vertical-cream.svg | Vertical · fundo cream · documentos institucionais |
| imoblab-logo-vertical-black.svg | Vertical · fundo preto · dark mode |
| imoblab-logo-vertical-transparente-light.svg | Vertical · sem fundo · sobre claros |
| imoblab-logo-vertical-transparente-dark.svg | Vertical · sem fundo · sobre escuros |
| imoblab-logo-vertical-mono-black.svg | Vertical · 1 cor preto |
| imoblab-logo-vertical-mono-white.svg | Vertical · 1 cor branco |
| imoblab-logo-horizontal-white.svg | Horizontal · cabeçalhos, e-mails |
| imoblab-logo-horizontal-cream.svg | Horizontal · cream institucional |
| imoblab-logo-horizontal-black.svg | Horizontal · dark mode |
| imoblab-logo-horizontal-transparente-light.svg | Horizontal · sem fundo · claros |
| imoblab-logo-horizontal-transparente-dark.svg | Horizontal · sem fundo · escuros |
| imoblab-logo-horizontal-mono-black.svg | Horizontal · 1 cor preto |
| imoblab-logo-horizontal-mono-white.svg | Horizontal · 1 cor branco |
| imoblab-symbol-white.svg | Símbolo · avatar redes |
| imoblab-symbol-cream.svg | Símbolo · cream |
| imoblab-symbol-black.svg | Símbolo · dark · favicon |
| imoblab-symbol-transparente-light.svg | Símbolo · sem fundo · claros |
| imoblab-symbol-transparente-dark.svg | Símbolo · sem fundo · escuros |
| imoblab-symbol-mono-black.svg | Símbolo · 1 cor preto |
| imoblab-symbol-mono-white.svg | Símbolo · 1 cor branco |
| imoblab-wordmark-black.svg | Wordmark · rodapé, contexto interno |
| imoblab-wordmark-white.svg | Wordmark · dark mode |