Press, partners & creators

Linee guida del marchio

Rappresenta Elemento in modo coerente: utilizzo del logo, colori principali, tipografia e denominazione del prodotto.

Utilizzando il marchio Elemento

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

Queste linee guida sono in linea con le linee guida ufficiali del branding: Elemento Modular Cloud (logo, marchio, tipografia, colore, immagini). Riassumono le regole per l'utilizzo del web e dei partner. In caso di dubbi, abbina la home page e la storia e preserva le proporzioni di ciascun segno.

Marchio e testo legale: seguire le linee guida complete e i consigli per le comunicazioni, il territorio e l'uso contrattuale.

Clear space & scalability

Dalle linee guida ufficiali sul logo

Zona rispetto

Lo spazio libero minimo attorno al logo o al simbolo è pari a 2 volte l'altezza del marchio su ogni lato (a volte descritto come “raddoppiare l'altezza”). Il blocco del payoff utilizza la stessa regola.

Symbol respect area (grid). One column or row = 1× the symbol height (x = ). The mark sits in the centre; corner cells show a faint symbol as scale reference; keep the edge cells clear. Minimum clear space in production remains 2× the mark height on all sides (and for the full payoff), as in the rule above.

Bandae di larghezza del logo

Ciascuna fascia imposta una larghezza massima per la stampa e lo schermo e il blocco da utilizzare su quella scala (vincita completa, marchio denominativo orizzontale o solo simbolo).

Banda Stampa Schermo Blocco
Grande up to 50 mm up to 500 px
Full horizontal payoff — wordmark, tagline, and ®.
Medio up to 35 mm up to 250 px
Horizontal wordmark — when the full payoff is too wide.
Piccolo up to 10 mm up to 30 px
Solo simbolo — favicons, app icons, narrow UI.

Non ridimensionare l'intera vincita nella fascia piccola: passa al simbolo. Abbina i colori dell'inchiostro e del campo alla sezione del logo sopra.

Usi errati

Non farlo: esempi tratti dalle linee guida (non esaustivi)

Colori non di marca

Il logo non deve utilizzare colori al di fuori della tavolozza identitaria.

Solo contorno

Il logo non deve essere utilizzato come contorno vuoto.

Allunga o stringi

Non distorcere, allungare o comprimere il segno.

Inclinare o ruotare

Non inclinare, ruotare o inclinare in altro modo il logo.

Effetti

Nessuna illuminazione, ombre esterne o smussature sul blocco.

Mismatched type & symbol

Il logotipo non deve utilizzare un colore diverso dal simbolo.

Si applica il buon senso: se danneggia la leggibilità o sembra diverso dai file master, non spedirlo.

Utilizzo in partnership

Layout di co-branding

Quando appari insieme a un'altra azienda, dai a entrambi i marchi uno spazio adeguato e un peso visivo equilibrato. Una riga tipica è: Partner — Elemento , senza unire o sovrapporre i blocchi.

Richiedi la grafica completa della partnership a hello@elemento.cloud per modelli e blocchi approvati.

Tavolozza dei colori

Colori primari e secondari del marchio

Colori primari

Usali prima per ottenere il massimo riconoscimento. Il tema del sito utilizza anche valori neutri vicini (ad esempio #1A1C20 per il corpo del testo): abbina i colori primari del marchio a un contrasto accessibile.

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

Secondario: prodotto

#EF4056
#118ACB
#09b24e

Secondario: digitale

#ff5500
#6c3f99
#07d884

Extra

#fccb10
#7167ff

I token dell'interfaccia utente del prodotto su elemento.cloud potrebbero differire leggermente; tratta questa pagina come riferimento al colore di marketing e css/themes.css per l'implementazione.

Tipografia

Stack del tipo di brand (con nota sul sito live)

Le intestazioni utilizzano Esposizione del cappello rosso (spesso Extrabold). Le parole chiave all'interno dei titoli possono utilizzare Corsivo Pixel Argentato (Connary Fagen — Argent Pixel). Il corpo del testo deve utilizzare Testo del cappello rosso: non sostituire Display con testo lungo. Il codice utilizza Cappello Rosso Mono (Google Fonts). Le icone su elemento.cloud accoppiano Font Awesome con un carattere web Pixel Icon Library in bundle per glifi in stile pixel (classi .hn; file in asset/font/PixelIconLibrary/). Controlla la licenza di ciascuna fonte prima di riutilizzarla o ridistribuirla.

Esposizione del cappello rosso

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Titoli: le linee guida consigliano Extrabold. Caratteri Google.

Corsivo Pixel Argentato

Evidenzia all'interno delle intestazioni

Accento solo all'interno dei titoli. Argent Pixel è concesso in licenza da Connary Fagen; questo sito lo spedisce per trattamenti selezionati.

Testo del cappello rosso

Il corpo del testo deve rimanere funzionale e altamente leggibile. Testo del cappello rosso è ottimizzato per i paragrafi: geometria diversa da Display.

Carattere canonico del corpo del marchio secondo le linee guida. elemento.cloud utilizza ancora Open Sans in molti template; il nuovo lavoro dovrebbe allinearsi con Testo del cappello rosso nel tempo.

Cappello Rosso Mono

stato del cluster nucleo api.elemento.cloud/v1

Codice, esempi CLI e interfaccia utente tecnica.

Identity, patterns & imagery

Modelli, icons & photography

Modelli

L’identità visiva utilizza modelli ispirati alla “forza delle nuvole”: motivi dinamici e adiacenti alla fisica. Utilizzare file di modelli approvati dal kit del marchio; non ridisegnare dalla memoria.

Icone

Questo sito implementa l'interfaccia utente e le icone di marketing con Font Awesome e accenti in stile pixel tramite il carattere web Pixel Icon Library in bundle (classi di icone .hn in asset/font/PixelIconLibrary/). Tratta quell'abbinamento come lo standard per elemento.cloud ; evitare terze famiglie di icone ad hoc. Mantieni il tratto, il raggio dell'angolo e l'utilizzo del colore coerenti con il set scelto.

Photography & art direction

Retro-futuro: concetti astratti, immagini atmosferiche o di ricerca spaziale. Momenti di squadra: persone e cultura per il tono di voce. Immagini in movimento: lunga esposizione e scatti dinamici per l'energia. Evita azioni generiche che combattono queste tre corsie.

Nomi dei prodotti

Ortografia e maiuscole

Elemento

Nome dell'azienda e della piattaforma: Elemento (casella della frase nel corpo; maiuscola del titolo nei titoli come sul sito). Quando hai bisogno della linea legale completa con Modular Cloud e ® , utilizza il blocco del payoff orizzontale o verticale a seconda dello spazio.

Marchi di prodotto

Atomos, Electros e Atomosphere: scrivono in maiuscolo come nomi propri. Utilizza l'SVG di ciascun prodotto da Tutti i prodotti accanto al nome, quando possibile.

Risorse della stampa o dei partner

Invia un'e-mail a hello@elemento.cloud per file ad alta risoluzione o revisione di co-marketing.

Contatto A proposito di Elemento