Design tokens

[Sabrinavigil]

Duplicates ❌

• [X] I have searched the existing issues

Which Figma library is concerned?

Not related to one Figma library

Summary 💡

Improve our color naming convention. Rework our foundation to get ready for design token.

Examples 🌈

No response

Motivation 🔦

No response

New 🆕

• [x] Validated in a grooming session

Backlog 📋

• [x] Has a good summary
• [x] Has example link(s)

Design in progress 🏗

• [x] Analysis (functional & technical)
• [x] Design refinement
• [x] Dev qualification (properties, breakpoints, tokens etc.)
• [x] Documentation refinement (inside the Figma branch)

Design review 👀

• [ ] Figma branch merged
• [ ] Documentation review _(and move the documentation into Vitamin Documentation Figma file)

Ready to dev 👍

• [ ] Issues are created in all repositories affected (vitamin-<web,android,ios,compose>)

Dev in progress 💻

• [ ] All issues are resolved (to replace with issues links)

[SimonLeclercq]

Technical choices made :

• Selection of the Figma tokens plugin to manage the creation of tokens.
• Initialization of Decathlon/Vitamin-design to host the truth source.
• Foundations are managed by the Core Team, used to generate a foundation library in Figma, then distributed through this library.

[SimonLeclercq]

Design token:

• Typography under review
• Colors under review
• Spacing under review
• Border radius under review
• Layout under review

[SimonLeclercq]

Architecture documentation & name charter will be documented through Vitamin-design repository

[lauthieb]

I close this issue in favor to children issues for each design token. And also created a new GitHub label called "design tokens" to recognize them easily.