Fundações
Base do sistema
Cores
Cores de sistema
Primária #000000
Texto, fundos, botões, banner geral
Secundária #4F4F4F
Textos e fundos
Realce #C6133D
Texto, botões
Focus #C79705
Border e focus de hover
Cores personalizadas
Base branco #FFFFFF
Texto, fundos, botões
Azul #006FAB
Banner Apoios
Verde #84BF41
Banner Vinha
Amarelo #DE9B0D
Banner Estatísticas
Roxo #760568
Banner Vinho
Vermelho 900 #410007
Banner Regiões Vitivinícolas
Vermelho 600 #AA0029
Fundo cards
Vermelho 500 #C6133D
Banner Regulamentação, botões, borders
Cinza 800 #1A1A1A
Fundo Header
Cinza 700 #2C2C2C
Fundo cards
Cinza 200 #CDCDCD
Borders
Cinza 100 #F7F7F7
Fundo Cards, Documentos
Tipografia
Headings
H1 - Título 1 - 36.49px - 2.027rem
H2 - Título 2 - 32.44px - 1.802rem
H3 - Título 3 - 28.83px - 1.602rem
H4 - Título 4 - 25.63px - 1.424rem
H5 - Título 5 - 22.78px - 1.266rem
H6 - Título 6 - 20.25px - 1.125rem
P- Paragrafo normal – 18px – 1rem
Texto
P Bold – Paragrafo Bold – 18px – 1rem
S – Small normal – 16px – 0.889rem
S Bold – Small bold- 16px – 0.889rem
XS – XS normal – 14.22px – 0.79rem
XS Bold – XS Bold – 14.22px – 0.79rem
Ligações (Links)
Listas
- Texto com bullets
- Texto com bullets
- Texto com bullets
- Texto com numeração
- Texto com numeração
- Texto com numeração
Base Elements
Átomos reutilizáveis
Botões
Botão primário
Botão principal só pode existir um por página e deve ser aplicado à ação pricincipal daquela página.
Botão secundário
Botão secundário, usado para acesso a informação secundária.
Botão terciário
Botão terciário, usado para acesso a informação complementar e ligações a outra páginas.
Botão quaternário
Botão quaternário usado em substituição do botão primário, em fundos escuros ou preto.
Iconografia
Iconografia em mobile deverá ter no mínimo 44 px de altura
Frisos de página
Componentes
Combinação de elementos básicos
Cards
Cards Documentos, Ligações, Vídeos
Cards Páginas
Cards Publicações à venda
Cards Entidades
Cards castas
Cards Notícias
Versão vertical
Versão horizontal
Acordeões
Título do Acordeão
Conteúdo do Acordeão
OTE N.º 4/2023 – Notas de Entrega – Trânsito de subprodutos para a Destilaria
Tabs/Separador
Título 1
Descritivo…
Título 2
Descritivo…
Título 3
Descritivo…
Tabelas
| Título da coluna 1 | Título da coluna 2 | Título da coluna 3 |
|---|---|---|
| Linha 1 | Conteúdo linha 1 | Conteúdo linha 1 |
| Linha 2 | Conteúdo linha 2 | Conteúdo linha 2 |
| Linha 3 | Conteúdo linha 3 | Conteúdo linha 3 |
Banner de página
Basic Elements
Navegação
Breadcrumbs
Índice de conteúdos
Media
Slider
Blocos de Layout
Componentes maiores, usados como secções
Conteúdo Promocional
Bloco Cartão informativo com botão
Aceda à Loja IVV e descubra produtos e materiais do universo do vinho português
Biblioteca IVV
Explore o legado do vinho e da vinha
SIVV
Sistema de Informação da Vinha e do Vinho
Bloco Cartão informativo com imagem
Call to action (CTA)
Newsletter
Quer descobrir tudo sobre a vinha e o vinho em Portugal?
Subscreva a newsletter e receba comunicados, atualizações e novidades do setor.
Padrões Funcionais
Componentes com comportamento
Sistema de filtros e paginação
678 resultados encontrados.
Formulário
Elementos específicos
Redes sociais + data de atualização
Partilhar:
- Data da atualização: