Aller au contenu
  • BPCE
  • Banque Populaire
  • Caisse d’Epargne
  • Natixis
  • Banque BCP
  • BTP Banque
  • Casden
  • Crédit Coopératif
  • Crédit Foncier
  • Crédit Maritime
  • Banque Dupuy de Parseval
  • Banque MARZE
  • Banque Palatine
  • Banque de Savoie
  • SOCFIM
  • Joire Pajot Martin
  • Compagnie Européenne de Garanties et Cautions
  • Banque de Nouvelle Calédonie
  • Banque de Tahiti


Design system GuidesFondamentaux

Design Tokens

Qu’est-ce qu’un « design Token » ? Les « design tokens » sont les atomes graphiques du design System. Ils sont un système de stockage de donnée sous la forme de clé/valeur, qui contient le choix graphique tel que: les couleurs, les…

Design system

Design Tokens

Rechercher, afficher et copier tous les tokens du design System.

Design system

Changelog

Mai 2024 Neo 3 Foundations v4.1.1 fix neo border color unchanged Avril 2024 Neo 3 Foundations v4.1.0 ajout token unchanged (shape / border / text) pour améliorations dark mode fix typo grisDeLin Neo 3 v4.3.0 ajout composant header ajout composant pagination fix…

Design system

Migrer sur Neo 3

Nouveau : Neo 3 v4 Neo 3 v4 vous permet de bénéficier du pouvoir des variables Figma pour une expérience multi-marques et multi-thèmes dans tous vos projets. Quelles librairies pour travailler sous Neo 3 v4 ? Cette nouvelle version de Neo 3…

Design system GuidesFondamentaux

Typographie

La typographie joue un rôle essentiel pour établir une identité visuelle cohérente. Elle permet aussi de créer une hiérarchie de l’information (tailles, styles, graisses, etc.) et assure une lisibilité optimale sur toutes les interfaces. Elle offre un cadre cohérent et évolutif pour…

Design system GuidesFondamentaux

Spacing

Les tokens d’espacements permettent la standardisation des espaces, des séparateurs et des paddings dans toutes les interfaces du Groupe BPCE. Ils permettent de créer des mises en page simples et une interface compréhensible, claire et fonctionnelle. Le choix des espaces entre les…

Design system GuidesFondamentaux

Couleurs

Neo Marque blanche du Groupe BPCE Neo Colors Le design système NEO 3 utilise la librairie de couleurs figma neo colors. Elle contient l’identité de marque du groupe BPCE sur le digital. Veillez à ce qu’elle soit toujours activée dans vos projets…

Design system ComposantsInformation & filtering

Tag Balise, Étiquette

Ce composant graphique non interactif permet d’étiqueter ou de distinguer des éléments dans une interface utilisateur. Il sert à organiser, classifier, ces éléments en fonction de leur catégorie, leur importance, leur statut ou leur caractère d’urgence. Vous pouvez personnaliser les couleurs des…

Design system

Pourquoi Neo 3

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…

Design system ComposantsNavigation

Tab onglet

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