Summary

Current version : 1.0.0

This project defines the visual foundations of the design system and establishes a strategy for structuring styles to guarantee their reusability in the design of graphic interfaces.

The architecture is based on the principle of design tokens, enabling basic components (colors, typography, sizes, etc.) to be separated and exposed as centralized CSS variables, facilitating design consistency and maintenance.

Project structure

The project is organized into three main modules:

• base

  Contains the fundamental elements of the graphic charter: color palettes and typographic definitions.

• tokens

  Structures and transforms basic components into thematic tokens (light/dark), organized into categories (decisions, options, etc.) for direct use in interfaces.

• output

  Contains the Generated final variables.css file, containing all global CSS variables ready for integration into front-end projects.

Important

In order to encourage the adoption of best practices, tools and technologies used in the NTIC market, this graphic charter is inspired by the French government's Design System (DSFR). It takes up the basic components, while streamlining and adapting them to the specific needs of the project.