---
url: https://brand.okrado.com/fr/
title: Un seul système pour chaque écran Okrado
description: Tokens, fondations, mise en page, patterns et composants du système de design Okrado, pour les personnes et pour les agents.
kind: explanation
owner: hmdmsd
updated: 2026-11-03
review_by: 2027-02-28
audience:
  - designer
  - developer
  - agent
---

# Un seul système pour chaque écran Okrado

> Tokens, fondations, mise en page, patterns et composants du système de design Okrado, pour les personnes et pour les agents.

## Les mêmes tokens, quatre conditions

Un seul spécimen, dessiné avec les tokens dans son propre sous-arbre papier, nuit, compact et droite à gauche. Rien ici n’est une capture d’écran.

- Clôture de mars

  `rec_9f2a…c41d`En revue

  OuvrirIgnorer

  Papier

- Clôture de mars

  `rec_9f2a…c41d`En revue

  OuvrirIgnorer

  Nuit

- Clôture de mars

  `rec_9f2a…c41d`En revue

  OuvrirIgnorer

  Densité compacte

- إقفال مارس

  `rec_9f2a…c41d`قيد المراجعة

  فتحتجاهل

  Arabe, de droite à gauche

## Ce que contient le site

- [Démarrer](https://brand.okrado.com/fr/start/principles/)

  L’Enregistrement, la Boucle, et comment les personnes et les agents utilisent ce site.

- [Fondations](https://brand.okrado.com/fr/foundations/colour/)

  Couleur et son tableau de contrastes, typographie, espacements, élévation, mouvement, voix et mode de couleur.

- [Mise en page](https://brand.okrado.com/fr/layout/modes/)

  Les modes opérer et espace de travail, la coque, les gabarits de page et le responsive.

- [Patterns](https://brand.okrado.com/fr/patterns/overlays/)

  Une page par surcouche, avec clavier, fermeture et empilement lus depuis les composants.

- [Composants](https://brand.okrado.com/fr/catalog/)

  110 entrées de @okrado/ui 0.11.0 : 59 stables, 51 en bêta. Docs et stories dans Storybook.

- [Tokens](https://brand.okrado.com/fr/tokens/browser/)

  Chaque token avec sa variable CSS, et les fichiers à télécharger.

- [Marque](https://brand.okrado.com/fr/brand/logos/)

  Le logo Record, l’espace de protection et le dossier de presse.

- [Projet](https://brand.okrado.com/fr/changelog/)

  Journal des changements, ajouter un composant et le cycle de vie d’un composant.