Só pra lembrar, ela não está muito bem feita, mas deve dar pra entender...
- Projeto no Figma
- Um projeto no Figma onde adicionarei as telas solicitadas
- Nele temos também: tabelas de cores, alguns componentes (crescendo) e tipografia (em breve)
- Material.io
- Materialize
O projeto irá girar em torno da fonte Montserrat.
Links: GitHub e Google Fonts. PS: Passem no GitHub dela e deixem uma ⭐️se gostaram.
É recomendado o uso dos tamanhos padrão do framework css utilizado, Materialize, ou múltiplos de 2pt começando a partir dos 14pt.
Façam uso dos pesos light, regular e bold. As demais não se adequam a nenhum caso de uso previsto, porém podem comunicar à um líder/gerente do projeto caso veja um caso em que outro peso se adequa.
Foi escolhida uma tabela de cores complementares. Por que? Porque foi a primeira que foi pensada, além do mais ela é uma das mais simples de trabalhar.
As cores podem ser visualizadas no depósito de componentes no Figma.
Garantam que o contraste entre texto e plano de fundo sejam suficiente, 15.8:1. Como testar de maneira fácil: veja se dá pra ler com facilidade.
Estão disponibilizadas diversas tonalidades das cores primária e secundária, elas podem ser vistas no link do Figma. Ou nos arquivos CSS.
O espaçamento será de múltiplos de 4pt, escalando de 0 até onde precisar.
A únidade pt pode ser escalada para css por meio da proporção 4pt = 0.25rem = 4px.