Design System v1.0
Marco Salerno 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).
Blu
Rosso
Grigio
Combinazioni background → testo consigliate
Sfondo bianco
Sfondo Gray
Sfondo Navy 950
Sfondo Navy 950
02 · Tipografia
Optiamway
Combinazioni background → testo consigliate
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
03 · Pulsanti
Primario (navy) — azione standard
CTA — azione principale della pagina
Outline — azione alternativa
Ghost — link testuale
04 · Form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.