Le design system du Groupe BPCE  Multi-marques Omnicanal Multi-technologies  Le design et les technologies digitales évoluent rapidement. Afin de répondre aux enjeux du Groupe, de ses métiers, de nos clients, nous, les designers et les développeurs de Neo 3, avons créé un…

escription 1. Définition Un avatar est une représentation visuelle d’une personne ou d’une entité, souvent utilisé pour identifier un utilisateur. 
Il peut s’agir d’une image, d’initiales ou d’un icône. Quand utiliser le composant ? Pour représenter une personne physique ou morale avec…

Les breakpoints “point d’arrêts” permettent de contrôler la mise en page de vos interfaces pour qu’elles s’adaptent sur les différents supports (mobile, tablette, bureau). Nous vous proposons 6 breakpoints par défaut, que nous vous encourageons à utiliser. XS 0px – 543px S…

Les couleurs jouent un rôle fondamental dans la data visualisation. Il est donc nécessaire de les sélectionner avec soin selon l’objectif recherché. Les couleurs de ces thèmes ont été sélectionnés en tenant compte des couleurs des marques et niveaux de contrastes requis…

Nom et visuel Nom et visuel La fonction avant tout Seuls sont nommés les outils basés sur l’IA qui existent de manière indépendante, sont transverse dans des écosystèmes complexes et/ou sont déjà connus sous un nom propre plébiscité par les utilisateurs. Les…

Format Kameleoon et CMS Eléments à fournir pour la création de la campagne Un visuel desktop (sans wording) Un visuel mobile (sans wording) Le contenu texte à compléter dans le back-office Kameleoon (à écrire en minuscule et non en majuscule) Un lien…

Le design system Neo 3 évolue en permanence. Il s’enrichit avec de nouveaux composants, et les fait évoluer pour répondre à de nouveaux besoins, des demandes d’évolutions ou d’éventuels correctifs. L’équipe Neo publie des versions mineures toutes les trois semaines et, si…

Usages Hero-header associé à la barre de Menu Le Hero-Header permet d’harmoniser les pages de niveau 1 en offrant un choix parmi une liste de structures similaires. Voici la liste exhaustive des différentes structures : Titre de page (obligatoire) Deux onglets qui…

escription 1. Définition Les onglets sont utilisés pour regrouper des informations sous forme de section. Ils permettent aux utilisateurs de naviguer d’un contenu à un autredans un même contexte, sur une même page. Ils rendent le contenu accessible individuellement et facilitent sa…

escription 1. Définition Le composant badge permet de mettre en avant une information de type “statut”, “état” ou “quantités” sur un élément d’interface.Ce sont des étiquettes qui attirent l’attention et souvent incitent les utilisateurs à effectuer une action. Les badges ont différents…