Neo
  • NEO
  • 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

#Neo3

Composants  >  – Neo3 Alpha  >  Fondations – Couleurs

Fondations – Couleurs

Input

1. 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ée de marque du groupe BPCE sur le digital. 
Veillez à ce qu’elle soit toujours activée dans vos projets sur Figma. Passer de Neo 3 aux couleurs d’une autre marque. Vous… Lire la suite

Composants  >  Tree

Tree

Tree, tree view, tree nav, tree select

1. Définition L’arborescence permet aux utilisateurs de naviguer dans des niveaux de données imbriqués. La plupart du temps elle est affichée dans un panneau à gauche de l’écran. Quand utiliser le composant ? L’arborescence est à privilégier pour : Organiser et hiérarchiser de grandes quantités d’informations. Naviguer, fournir un accès rapide dans les pages ou… Lire la suite

Composants  >  – Neo3 Alpha  >  Radio button

Radio button Neo3

Bouton radio, radio

1. Définition Les boutons radio sont utilisées quand l’utilisateur doit réaliser un choix unique parmi une liste d’options. Le bouton radio est généralement affiché dans un groupe et le fait d’en sélectionner un dé-sélectionne les autres. Quand utiliser le composant ? Sélectionner une option dans une liste ; Exposer toutes les options disponibles. Quand ne… Lire la suite

Composants  >  – Neo3 Alpha  >  Champs de saisie

Champs de saisie

Input

1. Définition Les champs de saisie permettent aux utilisateurs d’entrer et de modifier des données textuelles dans une interface. Il sont utilisés pour recueillir des informations auprès des utilisateurs, telles que des noms, des adresses e-mails, des mots de passe et bien d’autres données.
Il existe plusieurs types de champs de saisie, chacun possède ses propres… Lire la suite

Composants  >  – Neo3 Alpha  >  Tag

Tag Neo3

Balise, étiquette

1. Définition 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, importance, statut ou urgence. Vous pouvez personnaliser les couleurs des tags en utilisant les design tokens de couleur sémantique ou additionnelles de NEO 3. 
Vous… Lire la suite

Composants  >  – Neo3 Alpha  >  Toggle

Toggle Neo3

Switch, Checkbox toggle, Slide toggle

1. Définition Le composant Toggle est un élément qui permet de basculer entre deux états, généralement actif et inactif. Il est approprié dans le cadre d’une action binaire et immédiate, lorsqu’il est fréquemment nécessaire de naviguer entre deux états. Il ne convient pas pour des actions non-immédiates, avec des options multiples, critiques ou temporaires. Accéder… Lire la suite

Composants  >  – Neo3 Alpha  >  Data table

Data table Neo3

Data-table, table.

1. Définition Les tableaux de données sont utilisés pour organiser et afficher les données efficacement. Le composant tableau de données permet de personnaliser l’affichage de données avec des fonctionnalités diverses, selon les besoins des utilisateurs. « > »>Quand utiliser le composant ? Le tableau est à privilégier pour : Une application qui demande à l’utilisateur d’afficher ou… Lire la suite

Composants  >  – Neo3 Alpha  >  Button

Button Neo3

bouton, CTA

1. Définition Le composant « Button » est utilisé pour déclencher une action sur une interface utilisateur. Sauf exception, les labels des boutons sont des verbes à l’infinitif qui expriment l’action que leur usage déclenche. Les boutons doivent être facilement reconnus, clairs et compréhensibles. Accéder à la librairie Figma NEO 3 Quand utiliser le composant bouton ?… Lire la suite