Loop Imob

Identidade visual

Assinatura, paleta e fontes da Loop Imob. Os SVG já trazem o desenho das letras, então o arquivo abre certo mesmo sem a fonte instalada.

Assinatura

A assinatura é o texto LoopImob, sempre na horizontal, sem espaço entre as palavras. Loop fica em Modista e Imob em Bricolage Grotesque, mais fechado. Use rosa sobre branco, blush ou menta. Sobre rosa, use branco.

Baixar as seis
Blush
Menta
Rosa
Branco
  • Rosa, sem fundo

    Para colocar sobre branco, blush ou menta.

    Baixar SVG
  • Branco, sem fundo

    Para colocar sobre rosa. A prévia mostra esse fundo; o arquivo não traz fundo.

    Baixar SVG
  • Rosa sobre branco

    Uso principal, em fundo branco.

    Baixar SVG
  • Branco sobre rosa

    Quando o fundo da peça já é rosa.

    Baixar SVG
  • Rosa sobre menta

    Em faixas e etiquetas de menta.

    Baixar SVG
  • Rosa sobre blush

    Em seções de blush.

    Baixar SVG

Deixe uma faixa livre em volta, da altura do o de Loop, e mantenha a proporção. Não troque as fontes, não mude as cores e não estique o desenho.

Cores

O branco cobre a maior parte da página. O rosa marca a ação e os blocos de destaque. A menta entra em superfícies pequenas, com texto noite. As outras cores apoiam.

Rosa

Logotipo, botões principais, links e blocos de destaque. O branco em cima fica em torno de 4:1. Texto pequeno sobre rosa usa o rosa escuro.

Menta

Destaques curtos, etiquetas e botões sobre rosa. O texto em cima é noite, com contraste de 14,2:1.

Branco

Fundo da maior parte da página, superfície dos cards e texto sobre rosa.

Blush

Seções alternadas e fundo de demonstrações.

  • Rosa escuro

    Hover dos botões principais e texto pequeno sobre rosa.

  • Chiclete

    Manchas claras e destaques de apoio. Não substitui o rosa.

  • Iogurte

    Apoio entre o chiclete e o blush.

  • Noite

    Títulos e texto sobre fundos claros.

  • Marinho

    Faixas escuras e blocos de contraste.

  • Cinza

    Texto secundário sobre branco, blush ou azul claro.

  • Cinza médio

    Ícones e rótulos de menor ênfase.

  • Prata

    Divisórias e traços neutros.

  • Gelo

    Fundos frios e degradês claros.

  • Azul claro

    Seções alternadas ao blush.

  • Positivo

    Confirmação e estado de sucesso.

  • Atenção

    Aviso. O texto em cima é noite.

  • Proibitivo

    Erro e ação destrutiva.

Degradês

Quatro fundos. Cada um mistura rosa e menta em posições diferentes, para a peça continuar sendo Loop Imob.

Véu

Abertura de página. Menta no alto, chiclete no meio e rosa na base, sobre o azul claro.

Filete

Molduras. O fundo desce do branco ao blush, com um fio de menta para rosa.

Flor

Seções de apoio. Uma mancha de chiclete e outra de menta, em cantos opostos.

Noite

Faixas escuras. Gelo no topo, rosa na base e um ponto de menta.

Tipos

Cada família tem um papel. Título em caixa de frase. Parágrafo com entrelinha de 1,5.

Modista

Logotipo. Entra só na palavra Loop, no peso Heavy.

Bricolage Grotesque

Títulos, seções e chamadas. No site, o título usa o peso 600. A palavra Imob da assinatura usa o peso 400.

A conversa segue com o imóvel.

Imob

DM Sans

Parágrafos, navegação, botões, legendas e formulários.

O histórico fica junto da conversa, do primeiro contato ao fechamento. A entrelinha fica em torno de 1,5 para o texto continuar legível em bloco.

Formas

Botões e etiquetas são cápsulas. Cards fecham em canto reto. Molduras de demonstração fecham em canto reto. Seções de largura inteira ficam retas.

Botão principalEtiqueta

Card

Canto reto e borda fina sobre o branco.

Moldura

Canto reto, para demonstrações.