ayael.ayael.orbit/Vue d’ensemble
00 ayael / SYSTÈME GRAPHIQUE

Une identité.
Deux lumières.

L’identité d’ayael, pour les interfaces, les documents et les images. Un langage commun, en clair et en sombre.

Télécharger les ressources
01

Une signature. Deux lumières.

#

ayael. est le nom-signature. orbit est son système graphique : une base ivoire ou encre, une typographie nette, un accent Iris et des interactions mesurées. Cette charte organise ces éléments pour qu’ils restent reconnaissables d’un produit à l’autre.

orbit / CLAIR
ayael.
De la place
pour l’essentiel.
orbit / SOMBRE
ayael.
De la place
pour l’essentiel.
02

Quatre principes de conception

#

Une identité ne se résume pas à un violet ou à des angles arrondis. orbit se reconnaît dans la manière de hiérarchiser, de laisser respirer le contenu et de rendre chaque action compréhensible.

01Clarté
02Précision
03Présence
04Continuité
  • Clarté : une action principale par contexte. Les intitulés disent ce qui va se passer ; les états réels sont visibles.
  • Précision : grille, alignements, unités, contrastes et détails typographiques suivent une règle documentée.
  • Présence : le nom, le point et l’accent apportent du caractère. Le décor soutient le sujet et ne concurrence pas sa lecture.
  • Continuité : les thèmes partagent la même structure, les mêmes composants et la même logique. L’utilisateur retrouve ses repères.
03

Une référence transversale

#

Le socle s’applique aux services ayael et à l’écosystème models studio. Une application conserve son nom et ses usages : une galerie, un outil de fichiers ou un studio n’ont pas à avoir le même écran. Ils partagent la grammaire, pas une maquette clonée.

SupportApplication de la charte
WebNavigation, pages publiques, interfaces de travail, erreurs et formulaires.
MobileZones tactiles, marges sûres, navigation, capture et états de permission.
DocumentsTypographie, hiérarchie, tableaux, export et crédits.
CommunicationSignature, image, formats sociaux, présentation et co-signature.
04

Comment utiliser cette référence

#

Commencer par l’identité et les couleurs, puis choisir les composants adaptés à la tâche. Les valeurs numériques et les fichiers de tokens constituent la référence d’implémentation. Les exemples d’application illustrent des compositions ; ils ne décrivent pas les fonctionnalités d’un produit installé.

  • Norme : règle commune à respecter dans une nouvelle interface orbit.
  • Recommandation : choix de départ à ajuster selon le contenu et à vérifier.
  • Exemple : démonstration graphique, sans données réelles ni connexion à une application.
LE SYSTÈME, EN DÉTAIL

Les chapitres.

01Identité & signature02Couleurs & thèmes03Typographie & langage04Grilles & fondations05Composants & états06Mouvement & matière07Mises en situation08Accessibilité & qualité09Ressources & intégration10Gouvernance & versions

Rechercher dans la charte

Saisir au moins deux caractères.