Guia de estilo

Cor

HEX #e0bbb0

HEX #c4c6a7

HEX #b6ced0

HEX #fbf0c3

HEX #f1bf96

Tipografia

Poppins


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

Títulos/cabeçalhos

Título 1 - Negrito, 48px

/ 1.5 / #e0bbb0

Título 2 - Negrito, 4

0px / 1,5 / #e0bbb0

Título 3 - Negrito, 36px / 1,5

/ #3f3f3f

Título 4 - Negrito, 30px / 1.5 / #3f3f3f

Título 5, 24px / 1.5 / #b6ced0
Título 6, 20px / 1.5 / #b6ced0

Tipografia / Parágrafos

Poppins, 16px / 1.2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolor magna aliquam erat volutpat. Pois, como vi, chegarei ao mínimo, quem participará do exercício do corpo para dele se beneficiar de alguma forma. Duis, ou ele iriure dor no hendrerit em vulputate velit

Poppins Negrito, 16px / 1.2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolor magna aliquam erat volutpat.

Botões

Botão principal

Normal Passe o mouse Ativo

Cantos arredondados

6%

Botões de texto

Hiperlink

Hiperlink

Hiperlink

Fotografias / Imagens

Conceito: Devem representar os serviços oferecidos pela agência bem como imagens do portfólio.


Tratamento: Cantos arredondados 2%

Cor da sombra HEX #000000 25%

Ícones






Os ícones devem ser construídos em uma grade 64*64 em um contorno de cor HEX de 2px #e0bbb0

Espaçamento

Ficha

$espaçamento-01

$espaçamento-02

$espaçamento-03

$espaçamento-04

$espaçamento-05



$espaçamento-06

px

8

16

24

32

40



48

Exemplo

Formulário/Campo

Atendimento ao Cliente:

Novo parágrafo

Atendimento ao Cliente:

Muito obrigado