01
Logotipo
O wordmark NOBILIS é sempre em Cinzel 700. O subtítulo TECNOLOGIA em Cinzel 400. Quatro variantes conforme o contexto de aplicação.
NOBILIS
TECNOLOGIA
Versão principal
Fundo escuro
NOBILIS
TECNOLOGIA
Versão light
Fundo claro
NOBILIS
TECNOLOGIA
Versão crimson
Sobre vermelho
NOBILIS
TECNOLOGIA
Versão acento
Vermelho sobre claro
NOBILIS
Cinzel 700 · tracking 0.1em · uppercase
TECNOLOGIA (hero)
Cinzel 400 · tracking 0.3em · uppercase
TECNOLOGIA (navbar/footer)
Cinzel 400 · tracking 0.26em · uppercase
02
Paleta de Cores
Clique em qualquer swatch para copiar o hex.
Neutros — Obsidian
Primária — Crimson
TokenHexUso principal
crimson-400 ★
#C0392B
Cor primária — CTAs, destaques, linkscrimson-600
#8B1A10
Estados hover, ênfase secundáriacrimson-50
#FDF0EE
Fundos de alerta, backgrounds suavesobsidian-800
#0D0D0D
Fundo principal dark, logotipoobsidian-0
#FAF7F7
Fundo principal light, textos sobre darkobsidian-400
#555555
Texto secundário, ícones03
Tipografia
Cinzel — Logotipo, títulos, destaques de marca
NOBILIS TECNOLOGIA
Soluções em Tecnologia
Desenvolvimento · Consultoria · Sistemas
H1 · Peso 700 · Tamanho mínimo 24px · Sempre uppercase no logotipo
H2 · Peso 600 · Títulos de seção e cabeçalhos
H3 · Peso 400 · Labels, subtítulos, chamadas uppercase
H2 · Peso 600 · Títulos de seção e cabeçalhos
H3 · Peso 400 · Labels, subtítulos, chamadas uppercase
Outfit — Corpo de texto, interface, comunicação
A Nobilis Tecnologia desenvolve sistemas sob medida para empresas que buscam eficiência, controle e excelência em seus processos digitais.
Dashboard · Relatórios · Exportar · Configurações · Suporte
Body · Peso 400 · 15–16px · Interline 1.6–1.7
UI Labels · Peso 500 · 12–14px · Interline 1.4
Legendas · Peso 300 · 11–12px
UI Labels · Peso 500 · 12–14px · Interline 1.4
Legendas · Peso 300 · 11–12px
ElementoFontePesoTamanhoTracking
Logo NOBILISCinzel700variável0.1em
TECNOLOGIA (hero/capa)Cinzel40013px+0.3em
TECNOLOGIA (navbar/footer)Cinzel40010px0.26em
Títulos de seçãoCinzel70024–36px0.08em
Eyebrow / labelOutfit50011px0.22em
Corpo de textoOutfit300–40015–16pxnormal
Botões / UIOutfit50012–13px0.1em
04
Aplicações
Cartão de visita
Matheus Chaves Nobre
Desenvolvedor & Consultor de TI
matheus@nobilis.com.br
nobilistecnologia.com.br
Brasília, DF
nobilistecnologia.com.br
Brasília, DF
NOBILIS
Tecnologia
Assinatura de e-mail
Matheus Chaves Nobre
Desenvolvedor · Consultor de TI
NOBILIS TECNOLOGIA
matheus@nobilis.com.br
nobilistecnologia.com.br
Brasília, DF
nobilistecnologia.com.br
Brasília, DF
05
Regras de Uso
Correto
Use NOBILIS em caixa alta com a fonte Cinzel
Use o vermelho #C0392B como cor de acento principal
Mantenha espaço mínimo ao redor do logotipo equivalente à altura da letra B
Use Outfit para todo corpo de texto e interfaces
Aplique sempre o logotipo nas quatro versões previstas
Incorreto
Não use Cinzel em corpo de texto corrido
Não aplique o logotipo sobre fundos com baixo contraste
Não distorça, rotacione ou altere as proporções do logotipo
Não substitua o crimson por tonalidades fora da paleta
Não use o logotipo sobre fundos fotográficos sem overlay
06
Favicon
Letra N em Cinzel Bold, cor #C0392B, fundo transparente. Cinco tamanhos para diferentes contextos.
N
512px
Android PWA
N
192px
Android PWA
N
180px
Apple Touch
N
32px
Browser
N
16px
Browser
ArquivoTamanhoDestino
favicon-16.png16×16pxBrowser (aba)
favicon-32.png32×32pxBrowser (alta resolução)
apple-touch-icon.png180×180pxiOS — Salvar na tela inicial
icon-192.png192×192pxAndroid PWA
icon-512.png512×512pxAndroid PWA splash