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.
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.
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.
Para colocar sobre branco, blush ou menta.
Para colocar sobre rosa. A prévia mostra esse fundo; o arquivo não traz fundo.
Uso principal, em fundo branco.
Quando o fundo da peça já é rosa.
Em faixas e etiquetas de menta.
Em seções de blush.
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.
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.
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.
Destaques curtos, etiquetas e botões sobre rosa. O texto em cima é noite, com contraste de 14,2:1.
Fundo da maior parte da página, superfície dos cards e texto sobre rosa.
Seções alternadas e fundo de demonstrações.
Hover dos botões principais e texto pequeno sobre rosa.
Manchas claras e destaques de apoio. Não substitui o rosa.
Apoio entre o chiclete e o blush.
Títulos e texto sobre fundos claros.
Faixas escuras e blocos de contraste.
Texto secundário sobre branco, blush ou azul claro.
Ícones e rótulos de menor ênfase.
Divisórias e traços neutros.
Fundos frios e degradês claros.
Seções alternadas ao blush.
Confirmação e estado de sucesso.
Aviso. O texto em cima é noite.
Erro e ação destrutiva.
Quatro fundos. Cada um mistura rosa e menta em posições diferentes, para a peça continuar sendo Loop Imob.
Abertura de página. Menta no alto, chiclete no meio e rosa na base, sobre o azul claro.
Molduras. O fundo desce do branco ao blush, com um fio de menta para rosa.
Seções de apoio. Uma mancha de chiclete e outra de menta, em cantos opostos.
Faixas escuras. Gelo no topo, rosa na base e um ponto de menta.
Cada família tem um papel. Título em caixa de frase. Parágrafo com entrelinha de 1,5.
Logotipo. Entra só na palavra Loop, no peso Heavy.
Loop
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
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.
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.
Card
Canto reto e borda fina sobre o branco.
Moldura
Canto reto, para demonstrações.