Um traço até casa.
O manual da marca Portal Casa: quem somos, como falamos e como a marca se desenha, do ícone de 16 px à placa de 1 metro. A casa num só traço continua a ser o símbolo; agora esse traço é também o sistema.
O portal imobiliário português, local e justo.
Ajudamos quem procura casa em Portugal a encontrá-la sem ruído, e quem a vende ou arrenda a anunciá-la sem pagar mais do que é justo.
Pôr cada pessoa à porta da casa certa.
Procurar casa é das decisões maiores de uma vida. O Portal Casa existe para que esse caminho seja claro: anúncios verificados, preços à vista e informação de cada concelho e bairro.
Local e justo, em cada anúncio.
Particulares anunciam grátis até 3 imóveis, com 40 fotos e 90 dias no ar. Agências têm um painel próprio, com equipa, contactos e estatísticas, a preços claros.
Valores
Transparente
Mostramos o preço, a área e o certificado energético. Quando a morada é aproximada, dizemo-lo e desenhamos um círculo em vez de um ponto falso.
Próximo
Escrevemos em português de Portugal, organizamos tudo por distrito, concelho e freguesia, e conhecemos cada bairro pelo nome.
Justo
Grátis para quem anuncia a própria casa. Planos simples para agências. Quem procura nunca paga, nem com o seu tempo.
Personalidade
Para quem
Quem procura casa
Compra ou arrenda pela primeira vez, ou muda de cidade. Quer comparar sem perder tempo e confiar no que vê.
Particulares
Vendem ou arrendam a sua casa. Querem anunciar em minutos, de graça, e receber contactos por e-mail.
Agências
Gerem carteira, equipa e contactos. Querem um painel rápido, integrações e resultados medidos.
Onde nos posicionamos
O que nos distingue
Anúncios verificados de particulares e agências, grátis para particulares, organizados pelo território real (CAOP e bairros) e escritos em português de Portugal. Menos ruído, mais casa.
Ao lado de quem
Concorremos com o idealista, o Imovirtual, a SUPERCASA e o Casa Sapo. O azul e a lima também aparecem nalgumas destas marcas: por isso o Portal Casa vive do traço, da casa e do tom, nunca só da cor.
Falamos como um vizinho que percebe de casas.
Claro, próximo e honesto. Tratamos por «você», em português de Portugal, com frases curtas e palavras que toda a gente usa.
1. Claro antes de criativo
Anunciar é grátis para particulares.
Desbloqueie já a experiência premium de anúncio sem custos!
2. Honesto, mesmo quando falta alguma coisa
Este anúncio ainda não tem fotos.
Fotos em breve! Fique atento a esta oportunidade única.
3. Diz o que acontece a seguir
Ao enviar, o anunciante recebe os seus dados para lhe responder.
Submeter formulário.
4. Calmo nos erros, com a solução à vista
O código expirou. Peça um novo.
Erro 400: CodeMismatchException.
Palavras nossas
Palavras a evitar
Uma casa, num só traço, com a porta aberta.
Telhado, paredes e porta desenhados sem levantar a caneta. A porta ao centro é a entrada: o portal para a casa certa. Lê-se até aos 16 px.
Caixa de 40 × 38, traço de 5 com cantos arredondados. Desenho: M4 18 L20 4 L36 18 V34 H25 V24 H15 V34 H4 Z
Quatro versões, um fundo para cada uma
Espaço e tamanho
À volta do logótipo fica sempre livre, no mínimo, a altura P da porta da casa. Nada entra nesse espaço: texto, fotos, outros logótipos.
Tamanhos mínimos
| Peça | Ecrã | Impressão |
|---|---|---|
| Logótipo horizontal | 120 px de largura | 30 mm |
| Logótipo empilhado | 72 px | 20 mm |
| Símbolo | 16 px | 5 mm |
Abaixo destes tamanhos, use só o símbolo. No favicon, o símbolo vai sem quadrado.
O logótipo não se altera
Não esticar nem comprimir.
Não rodar.
Não usar a lima sobre fundos claros.
Não usar a versão cor sobre azul.
Não juntar sombras ou efeitos.
Não mudar as cores.
O azul manda, a lima destaca.
Quatro cores fazem a marca. O azul dá confiança e é a cor das ações; a lima é a faísca que aponta o que importa; o navy escreve; o creme dá ar.
Cores de apoio: texto secundário #3E475C, linhas #E6E8DD. CMYK aproximado: peça prova de cor à gráfica.
Em que proporção
A lima é rara de propósito: um botão, um selo, a casa do símbolo. Quanto menos aparece, mais aponta.
Escala do azul (tokens brand-50 a 900)
#EEF1FD
#DCE3FB
#B7C5F6
#8AA0EF
#5272E3
#2A4FDB
#173BCE
#122FA6
#0F267F
#17213A
Combinações que se leem (WCAG 2.2)
| Combinação | Contraste | Pode usar em |
|---|---|---|
| Branco sobre azul | 8,2 : 1 | Texto corrido |
| Lima sobre azul | 6,3 : 1 | Texto e títulos |
| Navy sobre lima | 12,3 : 1 | Texto corrido, botões lima |
| Navy sobre creme | 14,9 : 1 | Texto corrido |
| Azul sobre branco | 8,2 : 1 | Ligações |
| Lima sobre branco | 1,3 : 1 | Nunca como texto |
Cores para gráficos e dados
Para as estatísticas dos anúncios e os relatórios. A ordem é fixa: a 1.ª série é sempre azul, a 2.ª verde-água, e assim por diante. Validada para daltonismo (protanopia e deuteranopia) e para contraste, em fundo claro e no navy.
fundo claro: passa nos testes de daltonismo e contraste.
fundo navy: passa nos testes de daltonismo e contraste.
Uma só família: Plus Jakarta Sans.
Geométrica e calorosa, com letras abertas que se leem bem em ecrã. O ExtraBold dá a voz dos títulos e do logótipo; o Regular e o Medium fazem o resto.
Escala (razão 1,25, base 16 px)
Números
299.500 €
Preços com ponto nos milhares e o € depois, com espaço. Algarismos tabulares em tabelas e preços.
Títulos
ExtraBold, entrelinha apertada (1,05) e espaçamento −2,5%. Frase curta, sem ponto final, exceto em manifestos.
Alternativa
Onde a Plus Jakarta Sans não existe (Word, e-mail): Arial ou Helvetica, com os mesmos pesos.
O traço que leva até casa.
O traço do símbolo sai do logótipo e torna-se linguagem: uma linha contínua que atravessa as peças como uma rua num mapa e termina sempre numa casa.
Linha-caminho
A mesma espessura do símbolo. O traço tem 1/8 da altura da casa onde termina: se a casa tem 160 px, o traço tem 20.
Só linhas retas e curvas de 90°. Como as ruas de uma planta, com o raio igual a duas espessuras.
Termina sempre numa casa. A linha entra pela parede esquerda e fecha o desenho do símbolo. Nunca acaba no vazio.
Lima sobre azul ou navy; azul sobre creme. Uma linha por peça.
Molduras-casa
A foto ocupa a casa inteira; o traço desenha-se por cima, com a porta a abrir-se sobre a imagem. Use em destaques de imóveis, capas de redes e campanhas. Nas fichas do site as fotos continuam retangulares.
Padrão «Bairro»
Supergrafismo
Um pedaço do símbolo, muito grande e cortado pela margem: o telhado ou a porta. Para cartazes, montras e capas. Uma ampliação por peça, nunca o símbolo inteiro em gigante.
Selos e etiquetas
Pílulas de cantos totalmente redondos, texto Bold 14 px. O estado do anúncio diz-se sempre por extenso, nunca só pela cor.
Grelha, espaço e cantos
24 ícones no traço da marca.
Desenhados numa grelha de 24 px, com traço de 2 px, pontas e cantos redondos, como o símbolo. Mostrados a 48, 24 e 16 px. A cor vem do texto à volta (currentColor).
Casas verdadeiras, com luz verdadeira.
As fotos vendem a casa, por isso mostram-na como é: de dia, arrumada, com as linhas direitas. Nada de truques que a visita vá desmentir.
Para anunciantes
Fotografe com a luz do dia e as janelas abertas, à altura do peito, com a câmara direita. Comece pela sala, mostre cada divisão e termine na rua ou na vista. A planta conta como foto.
Para a marca
Pessoas reais em casas portuguesas: azulejo, calçada, varandas, luz do sul. Sem bancos de imagem com sorrisos de estúdio. Sem filtros: só brilho e alinhamento.
A casa desenha-se, o nome chega a seguir.
O movimento é curto, discreto e vai num só sentido, como quem chega a casa. Quem pede menos movimento no sistema vê tudo parado e completo.
Tempos e curvas
cor, hover
menus, avisos
entrar no ecrã
logótipo
Curva padrão: cubic-bezier(.2, .7, .2, 1), rápida no início e suave no fim. As coisas entram a subir 16 px e a aparecer; nunca saltam nem ressaltam.
A marca no dia a dia.
Do ecrã à rua, as mesmas peças: o traço, a casa, o azul que manda e a lima que aponta.
Tudo o que precisa para usar a marca.
Os ficheiros finais (SVG, PNG, PDF para a gráfica) estão no brand kit. Aqui ficam os tokens para copiar.
:root {
/* Portal Casa · Brand ID 2.1 */
--pc-azul: #173BCE; /* principal, ações */
--pc-lima: #C6F238; /* destaque, nunca texto sobre claro */
--pc-navy: #17213A; /* texto */
--pc-creme: #F7F8EF; /* fundos */
--pc-muted: #3E475C; /* texto secundário */
--pc-linha: #E6E8DD; /* linhas */
--pc-brand-50: #EEF1FD; --pc-brand-100: #DCE3FB;
--pc-brand-200: #B7C5F6; --pc-brand-300: #8AA0EF;
--pc-brand-400: #5272E3; --pc-brand-500: #2A4FDB;
--pc-brand-600: #173BCE; --pc-brand-700: #122FA6;
--pc-brand-800: #0F267F; --pc-brand-900: #17213A;
/* gráficos, por esta ordem (claro | escuro) */
--pc-dados-1: #2A4FE0; --pc-dados-1-escuro: #5573F2;
--pc-dados-2: #12907F; --pc-dados-2-escuro: #1C9D8B;
--pc-dados-3: #E07020; --pc-dados-3-escuro: #DD7426;
--pc-dados-4: #C23C8C; --pc-dados-4-escuro: #C94C96;
--pc-dados-5: #6E8F06; --pc-dados-5-escuro: #789E0F;
--pc-fonte: 'Plus Jakarta Sans', Arial, sans-serif;
--pc-raio-botao: 12px; --pc-raio-cartao: 20px;
--pc-traco: 0.125; /* espessura do traço = 1/8 da altura da casa */
--pc-curva: cubic-bezier(.2, .7, .2, 1);
}
01-logotipo/Horizontal, empilhado e símbolo, em cor, negativo, preto e branco (SVG, PDF, PNG)02-icones/Favicon, ícones de app e site.webmanifest03-cores/cores.css, tokens.json, Tailwind, amostras Adobe e GIMP04-tipografia/Plus Jakarta Sans (OFL)05-redes-sociais/Avatares, capas, imagem de partilha, modelos de post e story06-papelaria/Cartão de visita, papel de carta, assinatura de e-mail07-sinaletica/Placas VENDE-SE e ARRENDA-SE 100 × 70 cmmanual-de-marca/Este manual (HTML) e o manual 2.0 em PDFDescarregue o manual em PDF e os logótipos e cores (SVG, PNG, PDF e paletas). Para outros ficheiros ou dúvidas sobre a marca: geral@portalcasa.pt