Tabela de Cores
Este texto exemplifica um separador / destaque a utilizar nas secções. As cores em baixo são as cores básicas que são utilizadas no site.
#6E7645
#EAAB00
#E17000
#005E6E
#003365
#001122
#D62B0C
#3e006b
Cor 1: Quem Somos
Cor 2: O que fizemos em 2016
Cor 3: Como nos Organizamos
Cor 4: Como fazemos a Diferença
Destaques numéricos
Exemplo de utilização de valores destacados. Utilizados na página Quem Somos, nos principais indicadores
Vendas
14.662
milhões de euros
EBITDA
862
milhões de euros
Resultado Líquido
361*
milhões de euros
* Excluindo ganho extraordinário com venda da Monterroio
Investimentos
137
milhões de euros
Cashflow
862
milhões de euros
Capitalização Bolsista
9.300
milhões de euros
Sintaxe do shortcode wordpress:
\destaquenum titlecolor=”1″ title=”Vendas” barcolor=”1″ textcolor=”0″ text=”14.662″ legend=”milhões de euros”/]
Outras utilizações
O mesmo componente, exemplificado em cima, pode ser utilizado para outros destaques, em outras zonas do site.
> 220
anos de história
96.233
Colaboradores
Sectores
Distribuição Alimentar
Retalho especializado
Sintaxe do shortcode wordpress:
*destaquenum titlecolor=”1″ title=”” subtitle1=”Fundado em” subtitle2=”Lisboa” barcolor=”1″ textcolor=”0″ text=”1792″ legend=””/*
Cards
Exemplo de formatação, interação e formato geral das cards a utilizar no site.
O que fizémos?
Podemos ter subtexto nos cards também.
O que fizémos?
Podemos ter subtexto nos cards também.
O que fizémos?
Podemos ter subtexto nos cards também.
O que fizémos?
Podemos ter subtexto nos cards também.
Cuidados a ter com Cards
O aspecto da imagem (aspect-ratio, ou seja, largura a dividir pela altura) tem de ser exatamente igual nas imagens a utilizar em conjunto para evitar problemas ilustrados em baixo (imagem mais à esquerda). A resolução em pixeis pode ou não ser a mesma. A resolução, em pixeis, deve ter, pelo menos, 765px de largura, isto para suportar displays hdpi quando em modo tablet.
Como nos organizamos
Podemos ter subtexto nos cards também.
O que fizémos?
Podemos ter subtexto nos cards também.
Ícones Vetoriais
Ícones vetoriais utilizados. Estes ícones são incluídos como "webfont" de forma que ficam sempre com a resoluçã o máxima do dispositivo.
Fish
Cow
Full-Basket
Map-Marker2
Milk-Bottle
Shop-2
Truck