Stampa, partner e creator

Linee guida del brand

Presenta Elemento in modo coerente: uso del logo, colori principali, tipografia e nomenclatura dei prodotti.

Utilizzo del brand Elemento

Mantieni l'identità chiara, leggibile e allineata al sito pubblico

Queste linee guida sono allineate alle ufficiali Branding Guidelines — Elemento Modular Cloud (logo, marchio, tipografia, colore, immagini). Riassumono le regole per l'uso web e da parte dei partner. In caso di dubbio, fai riferimento alla homepage e alla pagina Chi siamo, e preserva le proporzioni di ciascun segno.

Per marchio e testi legali: segui le linee guida complete e il parere legale per le note ®, il territorio e l'uso contrattuale.

Area di rispetto e scalabilità

Dalle linee guida ufficiali del logo

Area di rispetto

L'area di rispetto minima attorno al logo o al simbolo è pari al doppio dell'altezza del segno su ogni lato (talvolta descritta come «raddoppiare l'altezza»). Il lockup payoff segue la stessa regola.

Area di rispetto del simbolo (griglia). Una colonna o riga = 1× l'altezza del simbolo (x = ). Il segno è al centro; le celle agli angoli mostrano un simbolo tenue come riferimento di scala; mantieni libere le celle ai bordi. In produzione, l'area di rispetto minima resta 2× l'altezza del segno su tutti i lati (e per il payoff completo), come nella regola sopra.

Fasce di larghezza del logo

Ogni fascia definisce una larghezza massima per stampa e schermo e il lockup da usare a quella scala (payoff completo, wordmark orizzontale o solo simbolo).

Fascia Stampa Schermo Lockup
Grande fino a 50 mm fino a 500 px
Payoff orizzontale completo — wordmark, tagline e ®.
Media fino a 35 mm fino a 250 px
Wordmark orizzontale — quando il payoff completo è troppo largo.
Piccola fino a 10 mm fino a 30 px
Solo simbolo — favicon, icone app, UI stretta.

Non ridimensionare il payoff completo nella fascia piccola — passa al simbolo. Abbina inchiostro e campo ai colori della sezione Logo sopra.

Usi non corretti

Vietato — esempi dalle linee guida (non esaustivo)

Colori non di brand

Il logo non deve usare colori al di fuori della palette di identità.

Solo contorno

Il logo non deve essere usato come contorno vuoto.

Allungamento o compressione

Non deformare, allungare o comprimere il segno.

Inclinazione o rotazione

Non inclinare, ruotare o distorcere il logo.

Effetti

Niente luci, ombre portate o smussi sul lockup.

Tipografia e simbolo non allineati

Il logotipo non deve usare un colore diverso dal simbolo.

Applica il buon senso: se compromette la leggibilità o non assomiglia ai file master, non pubblicarlo.

Utilizzo in partnership

Layout co-branding

Quando compare accanto a un'altra azienda, concedi a entrambi i segni un'adeguata area di rispetto e un peso visivo equilibrato. Una disposizione tipica è: Partner — Elemento, senza fondere o sovrapporre i lockup.

Richiedi il materiale partnership completo a hello@elemento.cloud per template e lockup approvati.

Palette colori

Colori primari e secondari del brand

Colori primari

Usali per primi per massima riconoscibilità. Il tema del sito usa anche neutri vicini (es. #1A1C20 per il testo) — abbina i primari del brand a un contrasto accessibile.

Starter Yellow
#FFA600
Void Black
#16161D
Crystal White
#F8F8FF

Secondari — prodotto

#EF4056
#118ACB
#09b24e

Secondari — digitale

#ff5500
#6c3f99
#07d884

Extra

#fccb10
#7167ff

I token UI prodotto su elemento.cloud possono differire leggermente; considera questa pagina come riferimento colore marketing e css/themes.css per l'implementazione.

Tipografia

Stack tipografico del brand (con nota sul sito live)

I titoli usano Red Hat Display (spesso Extrabold). Parole chiave all'interno dei titoli possono usare Argent Pixel Italic (Connary Fagen — Argent Pixel). Il corpo testo deve usare Red Hat Text — non sostituire Display per testi lunghi. Il codice usa Red Hat Mono (Google Fonts). Le icone su elemento.cloud abbinano Font Awesome a un webfont Pixel Icon Library incluso per glifi in stile pixel (classi .hn; file in assets/font/PixelIconLibrary/). Verifica la licenza di ciascuna fonte prima di riutilizzarla o ridistribuirla.

Red Hat Display

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Titoli — le linee guida raccomandano Extrabold. Google Fonts.

Argent Pixel Italic

Evidenza all'interno dei titoli

Accento solo nei titoli. Argent Pixel è licenziato da Connary Fagen; questo sito lo include per trattamenti selezionati.

Red Hat Text

Il corpo testo deve restare funzionale e altamente leggibile. Red Hat Text è ottimizzato per i paragrafi — geometria diversa da Display.

Font di corpo canonico del brand secondo le linee guida. elemento.cloud usa ancora Open Sans in molti template; i nuovi lavori dovrebbero allinearsi a Red Hat Text nel tempo.

Red Hat Mono

nucleus cluster status
api.elemento.cloud/v1

Codice, esempi CLI e UI tecnica.

Identità, pattern e immagini

Pattern, icone e fotografia

Pattern

L'identità visiva usa pattern ispirati alla «forza del cloud» — motivi dinamici, vicini alla fisica. Usa i file pattern approvati dal brand kit; non ridisegnarli a memoria.

Icone

Questo sito implementa icone UI e marketing con Font Awesome e accenti in stile pixel tramite il webfont Pixel Icon Library incluso (classi icona .hn in assets/font/PixelIconLibrary/). Considera questa coppia lo standard per elemento.cloud; evita famiglie di icone terze ad hoc. Mantieni tratto, raggio degli angoli e uso del colore coerenti con il set scelto.

Fotografia e art direction

Retro-futuro — concetti astratti, immagini atmosferiche o di ricerca spaziale. Momenti di team — persone e cultura per il tono di voce. Immagini in movimento — lunga esposizione e scatti dinamici per l'energia. Evita stock generico che contraddica queste tre direttrici.

Nomi dei prodotti

Ortografia e maiuscole

Elemento

Nome dell'azienda e della piattaforma: Elemento (minuscolo nel corpo testo; maiuscole iniziali nei titoli come sul sito). Quando serve la riga legale completa con Modular Cloud e ®, usa il lockup payoff orizzontale o verticale in base allo spazio disponibile.

Marchi prodotto

Atomos, Electros e Atomosphere — capitalizza come nomi propri. Usa l'SVG di ciascun prodotto da Tutti i prodotti accanto al nome quando possibile.

Materiali per stampa o partner

Scrivi a hello@elemento.cloud per file ad alta risoluzione o revisione co-marketing.

Contatti Chi siamo