Demo
Fase 1
Design system
Tokens, tipografia, botões e cartões da nova identidade digital da Simba Group.
Cores
Derivadas do logótipo real: dourado #FFBB00 e grafite #332E2C. O dourado é o sinal (ação, destaque, números); o grafite é a base industrial.
- Gold 500 · marca
#FFBB00
- Gold 400 · hover
#FFC414
- Gold 600 · active
#E5A600
- Gold 700 · texto s/ claro
#B88400
- Graphite 700 · marca
#332E2C
- Graphite 900
#191614
- Graphite 950
#100E0D
- Graphite 500
#6B6661
- Graphite 200
#D8D5D0
- Graphite 100
#ECEAE7
- Graphite 50 · fundo
#F6F5F3
- Signal · estado
#1F9D63
Tipografia · Manrope
Display · 800
Move Moçambique
H1 · 800
Tem uma operação para mover?
H2 · 700
Tudo o que a sua operação precisa.
H3 · 600
Camiões & Veículos
Lead · 400
Pneus, peças, lubrificantes, veículos e equipamentos para empresas que mantêm a economia em movimento.
Label · 600 · maiúsculas
02Áreas de atuação
Botões
Estados hover, focus (anel visível) e active (pressionado) aplicam-se a todos os botões — experimente com rato e teclado (Tab).
Cartões
Product Card
Demo
Brand Card
News Card
Project Card (compacto)
Mineração[Localização]
Equipamento e pneus OTR para operação mineira
[Descrição de exemplo] Soluções de engenharia pesada para uma operação de extração.
Service / Industry Card
Cartões de área (bento) e painéis de setor (acordeão) — ver Homepage.
Espaçamento, grelha, raio e sombras
- Secções64 / 96 / 128px (mobile / tablet / desktop).
- Containermáx. 1320px · margens 20 / 32 / 48px.
- Raio6px (rounded-md) em botões e cartões; sem rounded-full decorativo.
- SombrasSó bordas e camadas de fundo. Nenhuma sombra pesada.
Ícones: Lucide (traço 1.75, sem emojis nem ícones coloridos).