Themes
4 temas que adaptam todo o design system para cada contexto de marca. Todas as cores, gradientes, sombras e bordas mudam automaticamente.
Holding
Brand Identity System
Minimalista e premium. Paleta steel/charcoal com accent silver extraido do logo ICON original. Comunica legado, estabilidade e solidez industrial.
Accent
#C4C4C4
BG Base
#0C0C0E
Surface
#141416
Elevated
#1C1C20
Text
#E8E8E8
IconMaq
Brand Identity System
Energetico e industrial. Vermelho sinal sobre charcoal quente. Comunica forca, maquinario pesado e engenharia.
Accent
#EF3A32
BG Base
#0E0C0C
Surface
#181414
Elevated
#221C1C
Text
#F0EAEA
Matrizes
Brand Identity System
Prestigio e craft. Dourado sobre charcoal morno. Comunica lideranca, precisao e excelencia ceramica.
Accent
#ECA829
BG Base
#0E0D0A
Surface
#161510
Elevated
#201E18
Text
#F0ECE4
Light
Brand Identity System
Corporativo e apresentavel. Para impressao, decks e materiais formais. Tom neutro e limpo.
Accent
#5A5448
BG Base
#F5F4F2
Surface
#FFFFFF
Elevated
#FFFFFF
Text
#1A1918
Como usar
Os temas sao ativados via classe CSS no elemento <html>. Todos os tokens de cor, gradiente, sombra e borda se adaptam automaticamente. Use o seletor de tema na navbar para visualizar cada um em tempo real.
html.dark → Empresas ICON (Holding)
html.iconmaq → IconMaq
html.matrizes → Icon Matrizes e Moldes
html.light → Versao corporativa / impressao