Como padrão utilizamos o sistema de 4 pontos.
Nesse sistema, a unidade básica é um ponto, que representa uma pequena unidade de medida. A partir disso, as demais unidades são definidas como múltiplos ou frações desse ponto. Por exemplo, um sistema de 4 pontos pode incluir unidades de 4 pontos, 8 pontos, 12 pontos e assim por diante.
A utilização de um sistema de 4 pontos permite um controle preciso sobre o espaçamento, tamanho de fontes e elementos visuais, resultando em layouts consistentes em diferentes dispositivos e tamanhos de tela. Ao definir as unidades em múltiplos de 4, você cria uma estrutura alinhada e proporcional que é visualmente agradável e facilita a manutenção do design.
Utilizaremos o sistema de grid responsivo do Bootstrap que permite criar layouts consistentes e adaptáveis para dispositivos móveis e desktops. Ele é baseado em um sistema de colunas que se ajusta automaticamente ao tamanho da tela, facilitando a criação de interfaces responsivas.
Para smartphones: 375 px
Para desktops: 1024 px;
Apesar do grid utilizar o sistema do Bootstrap como referência também podemos usar ele de forma flexível se baseando nos espaçamentos definidos no arquivo do figma.