Brand Kit CSN Viareggio

Linee guida per l'utilizzo del nostro marchio

Logo

Il logo CSN Viareggio è il simbolo della nostra identità aziendale. Rappresenta la nostra esperienza e professionalità nel settore nautico.

Logo CSN

Logo Principale

Fondo chiaro

Logo CSN

Logo su Scuro

Fondo scuro

Logo CSN

Logo su Rosso

Brand color

Palette Colori

I colori del brand CSN Viareggio riflettono la nostra passione, professionalità e affidabilità.

#dc2626
CSN Red
Primary
#ffffff
Bianco
Background
#1f2937
Grigio Scuro
Text
#6b7280
Grigio
Secondary

Tipografia

La tipografia CSN Viareggio combina modernità e leggibilità per una comunicazione professionale ed efficace.

Futura

Font principale per titoli e intestazioni

Aa Bb Cc

Titoli, H1-H6, Logo text

Instrument Sans

Font per corpo del testo e interfaccia

Aa Bb Cc

Body text, Paragrafi, UI

Gerarchia Tipografica

Heading 1 - Futura Bold

48px - Utilizzato per titoli principali e hero sections

Heading 2 - Futura Bold

36px - Titoli di sezione e sottotitoli importanti

Heading 3 - Futura Bold

28px - Titoli di card e componenti

Lead Paragraph - Instrument Sans

20px - Utilizzato per introduzioni e testi in evidenza

Body Text - Instrument Sans Regular

16px - Testo principale per contenuti e descrizioni

Small Text - Instrument Sans

14px - Note, caption e testi secondari

Implementazione CSS

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');

/* Typography System */
* {
    font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Futura', 'Century Gothic', 'Arial', sans-serif;
    font-weight: 700;
}

body {
    font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

Linee Guida d'Uso

Da Fare
  • Mantenere sempre lo spazio adeguato attorno al logo (area di rispetto minima pari all'altezza della lettera "C")
  • Utilizzare i colori ufficiali del brand come specificato nella palette
  • Mantenere le proporzioni originali del logo senza distorsioni
  • Utilizzare il logo su sfondi che garantiscano sufficiente contrasto
  • Scaricare sempre i file del logo in formato originale ad alta risoluzione
Da Non Fare
  • Non modificare i colori del logo
  • Non distorcere, ruotare o modificare le proporzioni del logo
  • Non aggiungere effetti, ombre o bordi al logo
  • Non posizionare il logo su sfondi con pattern complessi o immagini che ne compromettano la leggibilità
  • Non ricreare o ridisegnare il logo

Download Risorse

Per richiedere i file del logo in alta risoluzione e altri materiali del brand, contattaci: