La signature principale est composée de lettres minuscules et d’un point géométrique. Sa base typographique est Manrope, ajustée pour un espacement optique cohérent. Les fichiers de référence contiennent des contours vectoriels : le logo reste identique même si la police n’est pas installée.
- Les noms de marque et de produit s’écrivent en minuscules : « ayael. », « frame », « files », « studio » et « models studio », même en début de phrase. Les noms propres tiers, mentions nominatives et identifiants techniques gardent leur graphie propre.
- Utiliser le fichier SVG de référence ; ne pas recréer le logo en retapant le nom.
- Conserver la casse « ayael. », le rapport entre lettres et point et les proportions du fichier.
- Le point Iris est un signe d’identité. Il ne remplace pas un état de notification ni un indicateur de sécurité.
L’unité X est le diamètre du point de la signature. Laisser au moins 2 X autour de l’encombrement visible du logo. Les SVG maîtres livrés intègrent cette marge dans leur viewBox. Ne pas les recadrer pour les rapprocher d’un autre élément ; leur espace transparent fait partie du fichier de référence.
2 X2 X- Aucun texte, trait, bouton ou photographie contrastée dans la zone de protection.
- Aligner le logo sur ses formes visibles, pas sur un conteneur arbitrairement plus grand.
- À proximité d’un bouton de navigation, vérifier séparément la zone cliquable et la zone de protection.
La lisibilité décide de la variante. Le mot-symbole convient aux en-têtes, couvertures et signatures. Le monogramme a. est réservé aux petits espaces et aux icônes ; il ne remplace pas systématiquement le nom.
| Usage | Valeur de départ | Règle |
|---|---|---|
| Mot-symbole web | 160 px de large minimum, marge incluse | Le nom doit rester lisible à 100 % et à faible résolution. |
| En-tête mobile | 160 px de large, marge incluse | Même largeur d’une page à l’autre, hors contexte explicitement immersif. |
| Monogramme | 32 px minimum, marge incluse | À 16 px, utiliser le favicon fourni et vérifier sa lecture. |
| Impression | 28 mm de large minimum, marge incluse | Valider sur une épreuve à taille réelle. |
| Zone tactile du lien-logo | 44 × 44 px minimum | La surface interactive peut dépasser la forme visible. |
Le logo Clair s’emploie sur les fonds ivoire et blancs. Le logo Sombre s’emploie sur les fonds encre. Une variante noire ou blanche sert à la gravure, au tampon, aux impressions monochromes ou à un fond photographique préalablement vérifié.
Clair
Sombre
Noir
Blanc- Sur photographie, choisir une zone calme ou ajouter un aplat de protection.
- Évaluer la lisibilité de toutes les lettres, pas seulement celle du point.
- Utiliser une variante monochrome entière lorsque deux couleurs ne sont pas possibles.
- Le symbole de marque n’est pas une preuve d’affiliation, de certification ou de dépôt juridique.
Une signature régulière a plus de valeur qu’une collection d’effets. Les interdits ci-dessous concernent le logo ; ils n’interdisent pas l’exploration graphique dans une illustration distincte.
- Ne pas étirer, incliner, réordonner ou supprimer des lettres.
- Ne pas changer la couleur d’une lettre isolée, ajouter un contour ou remplacer le point par une étoile.
- Ne pas ajouter d’ombre portée, de glow, de texture ou de dégradé à l’intérieur du logo.
- Ne pas enfermer le mot-symbole dans une pastille décorative par défaut.
- Ne pas afficher ® ou présenter ayael ou orbit comme une marque enregistrée sans fondement documenté.
ayael. est la signature de l’éditrice. models studio désigne la famille de produits. Le nom propre du produit porte son usage. Les trois niveaux ont des rôles distincts : une interface de travail n’a pas besoin de les afficher ensemble à chaque écran.
- Ne pas remplacer un logo produit validé par le mot-symbole ayael.
- Dans une co-signature, séparer les identités par de l’espace ou un filet neutre.
- Une autre organisation ne peut pas se présenter comme un service ayael du seul fait qu’elle utilise les tokens ouverts.
| Niveau | Composition | Emplacement |
|---|---|---|
| Signature | ayael. | Édition, charte, pied de page ou communication de marque. |
| Famille | models studio | Présentation de gamme, mentions et signature secondaire. |
| Produit | frame, files, studio… | En-tête de l’application et navigation de son propre espace. |