Cores

A nossa palete primária constitui a maior parte da nossa criatividade e deve representar os tons mais fortes em qualquer peça.

Para maior flexibilidade, as 3 paletes de cores principais estão disponíveis em diferentes valores de tonalidade. Não colorir nem adicionar transparência e utilizar as sombras tal como estão.

Para acentuar a nossa palete primária, também temos um conjunto de paletes eléctricas para comunicar movimento e chamar a atenção para áreas específicas. As cores de realce nunca devem ser utilizadas como grandes manchas de cor e devem constituir menos de 5% do esquema.

A seleção cuidadosa da cor e do seu contexto é fundamental para moldar a narrativa criativa, evocar emoções e garantir a harmonia visual entre os elementos de design. Utilize a cor do tipo para criar uma experiência de leitura confortável e utilize cores que evoquem ação. Nunca utilize uma cor de ação como título. Reserve o azul para acções e ligações e evite utilizá-lo para tipos estáticos. Não se esqueça de consultar as diretrizes de acessibilidade para conhecer os requisitos de contraste de tipo adequados.

Os gradientes dão uma sensação de profundidade e ajudam a comunicar as camadas dentro da composição. Também podem ser utilizados para colorir e sombrear áreas para tipografia. Utilize cores graduadas como forma de atrair o olhar do espetador numa direção através do conteúdo.

Ao criar gradientes, tente manter o efeito subtil e utilize uma palete de forma gradual, saltando um passo de cor num grupo de tons para obter definição. A mistura de grupos de cores pode ser uma forma de dar cor dinâmica a uma peça. Evite utilizar gradientes muito acentuados como grandes manchas de cor numa peça.

Para criar o nosso efeito elétrico, utilize as diretrizes abaixo para garantir um aspeto consistente em diferentes experiências.

Utilize os tons de um grupo de cores e crie o seu grupo de ícones, como se mostra abaixo. Podem ser utilizadas técnicas semelhantes para outras formas de ilustração, como linhas ou margens. O tamanho e a opacidade da luz brilhante e pontual terão de ser dimensionados com o gráfico ou o texto para que o efeito seja subtil e limpo.

No caso do tipo de letra, podem ser utilizadas as mesmas combinações de cores, mas tenha em atenção a acessibilidade. Evite utilizar a técnica em tipos de letra grandes, a negrito ou minúsculos. Ajuste os focos de luz opcionais para se adaptarem ao bloco de texto.

As especificações apresentadas são para a Figma. Terão de ser efectuados ajustes para corresponder visualmente às nossas aplicações.