Press, partners & creators

Lignes directrices de la marque

Représentez Elemento de manière cohérente : utilisation du logo, couleurs de base, typographie et dénomination du produit.

Utiliser la marque Elemento

Gardez l’identité claire, lisible et alignée sur le site public

Ces directives s'alignent sur les directives de marque officielles — Elemento Modular Cloud (logo, marque déposée, typographie, couleur, images). Ils résument les règles d’utilisation du Web et des partenaires. En cas de doute, faites correspondre la page d'accueil et l'histoire à propos, et préservez les proportions de chaque marque.

Marque déposée et formulation légale : suivez les directives complètes et les conseils concernant les avis ®, le territoire et l'utilisation contractuelle.

Clear space & scalability

D'après les directives officielles du logo

Zone à respecter

L'espace libre minimum autour du logo ou du symbole est de 2 × la hauteur de la marque de chaque côté (parfois décrit comme « doubler la hauteur »). Le blocage des gains utilise la même règle.

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.

Groupees de largeur du logo

Chaque bande définit une largeur maximale pour l'impression et l'écran ainsi que le verrouillage à utiliser à cette échelle (gain complet, mot-symbole horizontal ou symbole uniquement).

Groupe Imprimer Écran Verrouillage
Grand up to 50 mm up to 500 px
Full horizontal payoff — wordmark, tagline, and ®.
Moyen up to 35 mm up to 250 px
Horizontal wordmark — when the full payoff is too wide.
Petit up to 10 mm up to 30 px
Symbole uniquement — favicons, app icons, narrow UI.

N’échelonnez pas le gain total dans la petite bande – passez au symbole. Faites correspondre les couleurs de l’encre et des champs à la section du logo ci-dessus.

Utilisations incorrectes

À ne pas faire – exemples tirés des lignes directrices (non exhaustifs)

Couleurs hors marque

Le logo ne doit pas utiliser de couleurs extérieures à la palette identitaire.

Aperçu uniquement

Le logo ne doit pas être utilisé comme un contour creux.

Étirez ou serrez

Ne déformez pas, n’étirez pas et ne comprimez pas la marque.

Incliner ou faire pivoter

N’inclinez pas, ne faites pas pivoter ou n’inclinez pas le logo.

Effets

Pas d'éclairage, d'ombres portées ou de biseaux sur le verrouillage.

Mismatched type & symbol

Le logotype ne doit pas utiliser une couleur différente du symbole.

Le bon sens s’applique : si cela nuit à la lisibilité ou s’il ne ressemble pas aux fichiers maîtres, ne l’expédiez pas.

Utilisation en partenariat

Disposition du co-branding

Lorsque vous apparaissez aux côtés d’une autre entreprise, accordez aux deux marques un espace libre adéquat et un poids visuel équilibré. Une ligne typique est la suivante : Partenaire – Elemento , sans fusionner ni chevaucher les blocages.

Demandez l'illustration complète du partenariat à hello@elemento.cloud pour les modèles et les verrouillages approuvés.

Palette de couleurs

Couleurs primaires et secondaires de la marque

Couleurs primaires

Utilisez-les en premier pour une reconnaissance maximale. Le thème du site utilise également des tons neutres proches (par exemple #1A1C20 pour le corps du texte) – associez les primaires de marque à un contraste accessible.

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

Secondaire — produit

#EF4056
#118ACB
#09b24e

Secondaire — numérique

#ff5500
#6c3f99
#07d884

Supplémentaire

#fccb10
#7167ff

Les jetons d'interface utilisateur du produit sur elemento.cloud peuvent différer légèrement ; traitez cette page comme la référence de couleur marketing et css/themes.css pour la mise en œuvre.

Typographie

Pile de type de marque (avec note du site en direct)

Les titres utilisent Affichage du chapeau rouge (souvent Supplémentairebold). Les mots clés à l'intérieur des titres peuvent utiliser Argent Pixel Italique ( Connary Fagen — Argent Pixel ). Le corps du texte doit utiliser Texte Chapeau Rouge — ne remplacez pas Display par un texte long. Le code utilise Chapeau Rouge Mono (Google Fonts). Les icônes sur elemento.cloud associent Font Awesome à une police Web fournie de la bibliothèque d'icônes Pixel pour les glyphes de style pixel ( classes .hn ; fichiers sous actifs/font/PixelIconLibrary/ ). Vérifiez la licence de chaque source avant de la réutiliser ou de la redistribuer.

Affichage du chapeau rouge

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Rubriques – les lignes directrices recommandent Supplémentairebold. Polices Google.

Argent Pixel Italique

Mettre en surbrillance dans les titres

Accentuez uniquement à l’intérieur des titres. Argent Pixel est sous licence de Connary Fagen ; ce site l'expédie pour certains traitements.

Texte Chapeau Rouge

Le corps du texte doit rester fonctionnel et hautement lisible. Texte Chapeau Rouge est adapté aux paragraphes – une géométrie différente de celle d'affichage.

Police du corps de la marque canonique conformément aux directives. elemento.cloud utilise toujours Open Sans dans de nombreux modèles ; les nouveaux travaux devraient s'aligner sur Texte Chapeau Rouge au fil du temps.

Chapeau Rouge Mono

état du cluster central api.elemento.cloud/v1

Code, exemples CLI et interface utilisateur technique.

Identity, patterns & imagery

Motifs, icons & photography

Motifs

L'identité visuelle utilise des motifs inspirés de la « force du nuage » – des motifs dynamiques adjacents à la physique. Utilisez les fichiers de modèles approuvés du kit de marque ; ne redessinez pas de mémoire.

Icônes

Ce site implémente des icônes d'interface utilisateur et de marketing avec Font Awesome et des accents de style pixel via la police Web fournie Pixel Icon Library (classes d'icônes .hn dans assets/font/PixelIconLibrary/ ). Traitez ce couplage comme la norme pour elemento.cloud ; évitez les troisièmes familles d'icônes ad hoc. Gardez le trait, le rayon des coins et l’utilisation des couleurs cohérents avec l’ensemble choisi.

Photography & art direction

Rétro-futur – concepts abstraits, images atmosphériques ou de recherche spatiale. Moments d'équipe – les gens et la culture pour le ton de la voix. Images en mouvement : exposition longue et prises de vue dynamiques pour l'énergie. Évitez les stocks génériques qui combattent ces trois voies.

Noms des produits

Orthographe et majuscule

Elemento

Nom de l'entreprise et de la plateforme : Elemento (cas de la phrase dans le corps ; casse du titre dans les rubriques comme sur le site). Lorsque vous avez besoin de la ligne légale complète avec Modular Cloud et ® , utilisez le blocage des gains horizontal ou vertical en fonction de l'espace.

Marques de produits

Atomos, Electros et Atomosphere — prennent une majuscule comme noms propres. Utilisez le SVG de chaque produit de Tous les produits à côté du nom lorsque cela est possible.

Actifs presse ou partenaires

Envoyez un e-mail à hello@elemento.cloud pour des fichiers haute résolution ou une évaluation co-marketing.

Contact À propos de Elemento