Design System · v2.0

PS Company
Design System

Componenti, token e linee guida visive — derivati direttamente dall'identità reale del sito pscompanysrl.com

01 · Colori

Palette del brand

Colori principali

Purple Accent #7C5CBF --ps-purple
Purple Dark #5A3E9B --ps-purple-dark
Purple Light #A98ADA --ps-purple-light
Purple Tint #F0EBF8 --ps-purple-bg
Yellow CTA #E8C840 --ps-yellow
Yellow Dark #C9A800 --ps-yellow-dark

Colori neutrali

Black #1A1A1A --ps-black
Dark #2C2C2C --ps-dark
Grey Mid #888884 --ps-grey-mid
Grey Light #E8E8E4 --ps-grey-light
Off-White #F7F7F5 --ps-off-white
White #FFFFFF --ps-white

Colore funzionale — WhatsApp

WA Green #25D366 --ps-wa-green
WA Dark #128C7E --ps-wa-dark
02 · Tipografia

Scala tipografica

Display Font

Raleway

Titoli · Heading · Label · Navigazione

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z · 0–9

400 600 700 800 900
Body Font

Open Sans

Body · Paragrafi · Form · UI testo

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z · 0–9

300 400 600
Display / Hero Raleway 900 · 64px
PS Company
H1 Raleway 800 · 44px · lh 1.1
Marketing integrato
H2 Raleway 700 · 32px
Strategie omnicanale
H3 Raleway 700 · 19px
WhatsApp Business API
H4 Raleway 700 · 16px
Performance Marketing
Body Open Sans 400 · 15px · lh 1.7
PS Company progetta e gestisce progetti di marketing integrato per aziende B2B e B2C. Ogni progetto è costruito su obiettivi concreti e risultati misurabili.
Small Open Sans 400 · 13px
Agenzia di marketing specializzata in brand, performance e WhatsApp Business.
Caption Open Sans 400 · 11px
© 2025 PS Company S.r.l. · Tutti i diritti riservati · P.IVA 00000000000
Eyebrow Label Raleway 700 · 10px · UC
Agenzia di performance marketing
03 · Bottoni

Varianti e stati

Su sfondo chiaro

Su sfondo scuro

Dimensioni

04 · Form

Elementi di input

Nome e cognome
✓ Indirizzo valido
⚠ Formato P.IVA non valido
05 · Card

Componenti card

📊
Performance

Google Ads & Lead Generation

Campagne performance orientate ai risultati, con tracciamento preciso delle conversioni.

Servizio
💬
Featured

WhatsApp Business API

98% tasso di apertura. Il canale più efficace per raggiungere i tuoi clienti.

Soluzione chiave
🎨
Branding

Art & Visual Direction

Un'identità visiva coerente e riconoscibile su ogni canale di comunicazione.

Servizio

Stat Card — usate nelle sezioni KPI

98%
Tasso di apertura medio WhatsApp
80%
Letto entro 5 minuti
6X
Conversioni vs. canale SMS
+1600
Contatti annuali generati
06 · Badge & Alert

Etichette e notifiche

Branding Performance WhatsApp B2B · B2C Nuovo servizio Campagna RCS Campagna WhatsApp Google Ads

Campagna attivata

La campagna WhatsApp è stata lanciata con successo a 3.240 contatti.

!

Errore di configurazione

Il template del messaggio non è stato approvato. Verifica il contenuto.

Budget quasi esaurito

Hai consumato l'85% del budget mensile. Considera di aumentare il budget.

i

Nota informativa

I report vengono aggiornati ogni 24h alle 08:00. Ultimo aggiornamento: oggi.

07 · Design Tokens

Spaziatura & Raggi

s4 0.25rem
s8 0.5rem
s12 0.75rem
s16 1rem
s24 1.5rem
s32 2rem
s48 3rem
s64 4rem
s80 5rem
Token Valore Preview Utilizzo
--r-none 0
Nessun raggio
--r-sm 3px
Bottoni, input
--r-md 6px
Alert, tooltip
--r-lg 12px
Card, pannelli
--r-pill 999px
Badge, tag
--shadow-purple 0 4px 24px rgba(124,92,191,.3)
CTA purple
--shadow-yellow 0 4px 20px rgba(232,200,64,.4)
CTA giallo
08 · Navigazione

Navbar

09 · Hero Section

Composizione hero

Agenzia di Performance Marketing

Agenzia di marketing specializzata in brand , performance e WhatsApp Business

PS Company progetta e gestisce progetti di marketing integrato per aziende B2B e B2C. Brand, campagne performance, WhatsApp marketing.

10 · Sezione WhatsApp

Pattern sezione scura (WA)

98%
tasso medio di apertura dei messaggi
80%
letto entro 5 minuti
45–60%
tasso di click sui link