logo_site
GUIA DE ESTILOS
por Agência Zimbro (versão 1.0)
Paleta de Cores
6
5
4
3
2
1
HEX: #222222
HEX: #353535
HEX: #555555
HEX: #999999
HEX: #E4E4E4
HEX: #F9F9F9
HEX: #08364D
HEX: #0D5577
HEX: #158BC4
HEX: #7ECBEF
HEX: #C8E9F9
HEX: #E4F4FC
Tipografia (Cabeçalhos e Textos)
Roboto 900 (H1) + Roboto 600 (H2) + Roboto 400 (texto)

Lorem ipsum dolor sit amet

Fusce euismod bibendum purus, suscipit volutpat. Integer ac ultrices libero. Pellentesque gravida venenatis viverra. Aenean rutrum nisl in maximus posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce euismod bibendum purus, suscipit volutpat nunc. Integer ac ultrices libero. Pellentesque gravida felis porta venenatis viverra. Aenean rutrum nisl in maximus posuere. Aliquam pretium vitae nunc in aliquet. Etiam eget consectetur ante. Suspendisse est risus, faucibus ac diam a, rhoncus pharetra nunc. Phasellus egestas laoreet sem in ultrices. Quisque ultricies nulla at lectus aliquam, et lacinia ligula fringilla. Sed nec cursus urna. Proin in erat et tellus blandit congue et in elit.
Input e TextArea
Opção 1: Source Sans (texto) + borda (1px #999999)
Opção 2: Source Sans (texto) + borda (1px #999999) + arredondamento (4px)
Botões
Opção 3: Myriad (maiúsculo)
Espaçamento: 1.5px
Arredondamento: 8px
Borda inferior: 4px
Normal: Tom 4
Hover: Tom 5
Opção 3: Myriad (maiúsculo)
Espaçamento: 1.5px
Arredondamento: 8px
Borda inferior: 4px
Normal: Tom 4
Hover: Tom 5
Opção 3: Myriad (maiúsculo)
Espaçamento: 1.5px
Arredondamento: 8px
Borda inferior: 4px
Normal: Tom 4
Hover: Tom 5
Opção 3: Myriad (maiúsculo)
Espaçamento: 1.5px
Arredondamento: 8px
Borda inferior: 4px
Normal: Tom 4
Hover: Tom 5
logo_zimbro
Atendimento pelo WhatsApp!