Aa
Inter
Famiglia principale per ogni interfaccia e testo: corpo, etichette, bottoni, numeri.
- Regular 400
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Brand guidelines Il brand GetPica: logo, colori e tipografia
Tutto quello che serve per rappresentare GetPica nel modo giusto: i file ufficiali del logo, la palette con i codici HEX, i caratteri, lo stile fotografico e i componenti UI condivisi da web app, dashboard e sito.
Un brand, due esperienze
Il prodotto vive in due mondi
-
01 — Ospiti e brand
Web app e sito
Tema scuro, viola profondo e vetro. Gli ospiti trovano le loro foto con un selfie e le acquistano in HD; il sito business parla agli organizzatori con gli stessi hero scuri e un solo blu per ogni azione.
- Mobile first
- Tema scuro
- Superfici in vetro
-
02 — Fotografi
Dashboard B2B
Tema chiaro, pensata per lavorare alla scrivania. I fotografi caricano le foto e gestiscono eventi, ordini e statistiche in un’interfaccia pulita e ariosa.
- Desktop
- Tema chiaro
- Dati in primo piano
Identità
Il logo GetPica
Quattro versioni e il simbolo “P”. Usa le versioni positive su sfondi chiari e quelle negative su sfondi scuri. Usa sempre i file originali, non riscrivere mai il logotipo.
Scarica il kit del logo (ZIP)Identità
Area di rispetto
Lascia sempre intorno al logo un margine pari all’altezza del simbolo “P” (x). Non affollarlo con testi, immagini o elementi dell’interfaccia.
Versione verticale
Area di rispetto minima = x, l’altezza del simbolo “P”.
Versione orizzontale
Stessa regola: x su ogni lato.
Simbolo “P”
Quando l’icona è da sola, isolala con la stessa x.
Identità
Cosa non fare mai
-
Mai deformare o allungare
-
Mai ruotare il logo
-
Mai alterare il gradiente
-
Mai su sfondi a basso contrasto
-
Mai su foto troppo piene
-
Mai aggiungere ombre
-
Mai convertirlo in un solo colore
-
Mai il logo scuro sul magenta
Linguaggio
Palette colori
Sei colori raccontano il brand: due gradienti per gli accenti, viola profondo e inchiostro per fondi e testi, un solo blu per ogni azione e una lavanda chiara per le superfici. Clicca un colore per copiarlo.
-
Gradiente brand
#E705C5 → #FF7C35
-
Blu · Viola
#1867FF → #8A36E0
-
Viola notte
#2A1863
-
Inchiostro
#302F44
-
Blu azione
#1867FF
-
Lavanda
#E1DFFB
Linguaggio
Tipografia
Aa
Raleway
Famiglia display per i titoli del sito e delle sezioni.
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Scala tipografica (prodotto)
- DisplayTrova le tue foto28 / 800
- H1I miei album24 / 700
- H2Mountain Trail20 / 700
- H342 foto gratuite18 / 700
- BodyInserisci il codice evento e l’email usati per la prenotazione.16 / 400
- CaptionNUOVE FOTO — 42 ELEMENTI12 / 600
Linguaggio
Fotografia: la foto è sempre protagonista
Eventi reali e luce calda: persone che sorridono all’obiettivo o in azione, immagini luminose e sature. Niente illustrazioni, niente stock in posa, niente bicromie.
- Eventi reali
- Luce calda e naturale
- Prima le persone
- Niente stock in posa o bicromie
Linguaggio
Iconografia
Set Lucide: base 24px, tratto 2px, giunzioni arrotondate. Le icone prendono il colore del testo.
arrow-rightchevron-rightmap-pincheck-circlealert-triangleshopping-carthomeusermailglobestarplus
Sistema
Componenti UI
Bottoni
Inviami un codiceAnnulla
CTA premium — gradiente
Attiva evento
Badge
-25%NEWHDApprovatoErrore