Design system
Os componentes de onde sai cada ecrã do Heemio. Escuro, calmo, com um só azul para a acção principal e para o selo de verificado.
Marca
Três anéis, um por verificação. O traço azul é o ferrolho: só atravessa quando os três estão alinhados.
A ideia
Uma fechadura de combinação. Cada anel é um tambor e cada tambor é uma verificação. Só quando os três estão alinhados é que o ferrolho azul atravessa e o anúncio fica verificado.
Construção
Uma grelha de 100 unidades. Tudo se mede a partir da espessura do anel.
- Grelha
- 100 unidades, centrada
- Anéis
- Raios 44, 31 e 18, todos com 7 de espessura e 6 de intervalo
- Ferrolho
- 7 de largura, igual ao anel, do centro às 12 horas. Termina rente ao anel exterior, por isso o contorno é sempre um círculo
- Aberturas
- Cada anel tem uma abertura de lados paralelos com a largura do ferrolho, que a preenche quando alinham
- Centro
- Raio 6,5, cobalto
- Margem
- 13 unidades à volta, um anel mais um intervalo
- Tamanho mínimo
- 16 px o símbolo, 80 px de largura a versão horizontal
Versões
O logótipo escreve-se em minúsculas, em Archivo larga com peso 480. O ponto do i é o mesmo azul do ferrolho, por isso o azul está lá mesmo sem o símbolo.
Tamanhos
Lê-se a 16 px. O ferrolho tem a espessura do anel, por isso não desaparece pequeno.
Cor
Quase tudo é escuro e marfim. O azul aparece uma vez por ecrã.
Tipografia
Archivo larga para títulos, Inter para texto. Pesos intermédios, nunca negrito.
Botões
Todos em pílula. Um só botão azul por ecrã.
Campos e controlos
Contornos finos, cantos redondos, foco em marfim.
- Título de propriedadeLidoPronto
- Certificado energéticoExpira em 2 meses
- Actas das assembleiasPedido ao síndicoPedido
- PlantasEm falta
Estados
O estado lê-se pela forma, não pela cor. Cheio, meio, vazio.
Superfícies
Sem sombras. A separação vem de um degrau de tom: ónix, grafite, obsidiana. O vidro só sobre imagens.
