Design System v1.0
GR Tech
UI & Style Guide
Palette, tipografia, componenti, pattern. Tutto quello che serve per costruire il sito in Webflow con coerenza.
01 · Palette colori
I colori derivano dal logo GR Tech: il navy blu dal corpo del marchio, il verde dalla lettera "G", l'arancione dai pulsanti CTA dell'attuale sito. La palette è stata espansa in 11 shade per ogni famiglia, garantendo accessibilità (contrasto WCAG AA).
Navy (primario)
Header, testi, pulsanti primari, footer. È il colore dominante.
Green (secondario)
Accenti fiducia, badge successo, icone servizi, elementi "eco".
Orange (CTA / accent)
SOLO per call-to-action e accenti di urgenza. Mai usare come sfondo.
Combinazioni background → testo consigliate
Sfondo bianco
Sfondo Gray
Sfondo Navy 950
Sfondo Navy 950
02 · Tipografia
Plus Jakarta Sans
Combinazioni background → testo consigliate
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
03 · Pulsanti
Primario (navy) — azione standard
CTA (orange) — azione principale della pagina
Secondario (green) — azioni eco/fotovoltaico
Outline — azione alternativa
Ghost — link testuale
04 · Form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.