Guia de estilos e Componentes
- Atualizado a: 20 de Agosto, 2026
Índice de conteúdos
Tipografia
Display | Tamanho – D: 5rem / M: 1.75rem | amília/Peso – Soho (700) | Altura da linha – D: 5.5 rem / M: 2.25 rem
Display
Heading 1 | Tamanho – D: 3.5 rem / M: 2.25 rem | Família/Peso – Soho (500) | Altura da linha – D: 4 rem / M: 2.75 rem
Uso: Título principal de página
Heading 1
Heading 2 | Tamanho – D: 2.5 rem / M: 1.75 rem | Família/Peso – Soho (700) | Altura da linha – D:3.25 rem / M: 2.25 rem
Uso: Título de secção
Heading 2
Heading 3 | Tamanho – D: 2 rem / M: 1.5 rem | Família/Peso- Soho (700) | Altura da linha – D:2.75 rem / M: 2.1 rem
Uso: Subsecção
Heading 3
Heading 4 | Tamanho – D: 1.5 rem / M: 1.25 rem | Família/Peso- Soho (700) | Altura da linha – D:2.125 rem / M: 1.75 rem
Uso: Subsecção
Heading 4
Heading 5 | Tamanho – D: 1.25 rem / M: 1.125 rem | Família/Peso – Soho (700) | Altura da linha – D:1.75 rem / M: 1.6 rem
Uso: Subsecção
Heading 5
Heading 6 | Tamanho – D: 0.875 rem / M: 0.875 rem | Família/Peso – Soho (700) | Altura da linha – D:1.25 rem / M: 1.25 rem
Uso: Subsecção
Heading 6
Text | Tamanho – D: 1 rem / M: 1 rem | Família/Peso – Hero new (400) | Altura da linha – D:1.625 rem / M: 1.625 rem
Uso: Corpo de texto padrão
Text
Body caption | Tamanho – D: 1 rem / M: 1 rem | Família/Peso/Atributo – Hero new (700) / Uppercase | Altura da linha – D:1.625 rem / M: 1.625 rem
Uso: Etiqueta em maiúsculas
Body Caption
Body Large | Tamanho – D: 2 rem / M: 1.5 rem | Família/Peso/Atributo – Hero new (700) / Uppercase | Altura da linha – D:2.75 rem / M: 2.1 rem
Uso: Texto de introdução / lead
Body Large
Button | Tamanho – D: 0.875 rem / M: 1 rem | Família/Peso/Atributo – Soho (400) / Uppercase | Altura da linha – D:1.1375 rem / M: 1.3 rem
Uso: Botões
Button
Cores
Cor primária
#BA2229
Cor secundária
#1A1919
Cor cabeçalho primário
#1A1919
Cor cabeçalho secundária
#BA2229
Cor cabeçalho light
#ffffff
Cor texto primária
#1A1919
Cor texto secundária
#BA2229
Cor texto light
#ffffff
Cor fundo primária
#1A1919
Cor fundo secundária
#f9f9f9
Cor fundo terciária
#EAEAEA4D
Cor fundo quaternária
#BA2229
Cor fundo light
#ffffff
Cor botão primária
#2c2c2c
Cor botão secondário
#BA2229
Cor botão light
#ffffff
Cor link primária
#1A1919
Cor link secondária
#9E9E9E
Cor hover
#BA2229
Cor border primária
#EAEAEA
Cor border secundária
#C4C4C4
Cor border terciária
#1A1919
Cor border light
#ffffff
Componentes
Link
Standalone link
Inline link
Botões
Slider
Logótipos
Icones
