Marca

Colorida

Outline

Família Tipografia | Lato

Light
a b c d e f g h i j k l m n o p q r s t u v x y w z
a b c d e f g h i j k l m n o p q r s t u v x y w z
0 1 2 3 4 5 6 7 8 9 0
Regular
a b c d e f g h i j k l m n o p q r s t u v x y w z
a b c d e f g h i j k l m n o p q r s t u v x y w z
0 1 2 3 4 5 6 7 8 9 0
Bold
a b c d e f g h i j k l m n o p q r s t u v x y w z
a b c d e f g h i j k l m n o p q r s t u v x y w z
0 1 2 3 4 5 6 7 8 9 0

Tamanhos Tipográficos

Tamanho em PX Exemplo Usado em
45
What's the fox say
  • Portal V3 | Número Caixa de Filtro
30
What's the fox say
  • siteblindado.com | Títulos
  •  
  • Novo Blog | Título Lista de Posts
  • Novo Blog | Título do Post
24
What's the fox say
  • siteblindado.com | Sub-títulos
  •  
  • Novo Blog | Texto Banners Sliders
  • PortalV3 | Título Cadastro e Esqueci Senha
20
What's the fox say
  • siteblindado.com | Texto Verifique se...
  •  
  • Portal V3 | Banner Loja
  • Portal V3 | Slogan Loja
  • Portal V3 | Título Card Loja
  • Portal V3 | Título Sidebar
  • Portal V3 | Sub-título
  •  
  • Novo Blog | Texto Banners Sliders
18
What's the fox say
  • siteblindado.com | Texto Padrão
  • siteblindado.com | Texto Tabela
  • siteblindado.com | Sub-menu
  •  
  • Portal V3 | Título Gráficos
  • Portal V3 | Texto Card Filtro
  • Portal V3 | Terceiro Título (H3)
  • Portal V3 | Título Tooltip
16
What's the fox say
  • siteblindado.com | Label Botões
  • siteblindado.com | Formulários
  • siteblindado.com | Sub-texto contato
  •  
  • Portal V3 | Título Página
  •  
  • Novo Blog | Sub-título
  • Novo Blog | Label Botões
  • Novo Blog | Formulários
  •  
  • Email | Texto Badged
  • Email | Texto Destinatário
14
What's the fox say
  • siteblindado.com | Menu Navegação
  • siteblindado.com | Rodapé Site
  • siteblindado.com | Thead tabelas
  •  
  • Portal V3 | Texto Padrão
  • Portal V3 | Formulários
  • Portal V3 | Título Card com grid
  • Portal V3 | Sub-título Página
  • Portal V3 | Trocar Organização
  • Portal V3 | Menu Navegação
  • Portal V3 | Sub-menu Navegação
  •  
  • Novo Blog | Texto Padrão
  • Novo Blog | Menu Navegação
  •  
  • Email | Texto Padrão
13
What's the fox say
  • Portal V3 | Copyright Tela de Login
  • Portal V3 | Usuário e email barra de topo
  • Portal V3 | Gráficos
  • Portal V3 | Títulos, Textos botões da grid
  • Portal V3 | Formulários
  • Portal V3 | Grid detahes CSR
  • Portal V3 | Texto Tooltip
  • Portal V3 | Label Botões
  •  
  • Email | Label Botões
  • Email | Texto Rodape

Cores e Utilizações

Cores Institucionais

#74b61b
$brand-color
Usada para...
#010101
$brand-color-2
Usada para...

Cinza

#fbfbfb
$lightgrey-200
Usada para...
#f7f7f7
$lightgrey-300
Usada para...
#f3f3f3
$lightgrey-400
Usada para...
#e3e3e3
$lightgrey-600
Usada para...
#dddddd
$lightgrey-700
Usada para...

Cinza Escuro

#888888
$darkgrey-500
Usada para...
#757575
$darkgrey-600
Usada para...
#484848
$darkgrey-700
Usada para...
#333333
$darkgrey-800
Usada para...

Bluegrey

#6f767d
$bluegrey-200
Usada para:
  • Txt Blog
  • Txt Site
#373e46
$bluegrey-500
Usada para...
#2D343D
$bluegrey-600
Usada para:
  • Header Bar
  • Txt Portal
#21272e
$bluegrey-700
Usada para...
#13161c
$lightgrey-800
Usada para:
  • Botão Preto
  • Top Bar

Vermelho

#fe8282
$lightred-100
Usada para...
#fd4d4d
$lightred-300
Usada para...
#e32828
$lightred-500
Usada para:
  • Txt Alerta
#C30000
$lightred-800
Usada para...

Azuis

#65C4ED
$blue-300
Usada para...
#50AFE4
$blue-400
Usada para...
#496694
$darkblue-200
Usada para...
#244272
$darkblue-400
Usada para...

Cores Auxiliares

#7DC671
$green-300
Usada para...
#357623
$green-700
Usada para:
  • Link de texto
#F39425
$yellow-300
Usada para...
#FEDD3C
$yellow-500
Usada para...
#F39425
$orange-600
Usada para...
#26989D
$petroleum-200
Usada para...
#26989D
$petroleum-400
Usada para...