Mozaic Design System

Mozaic is an open-source design system built by Adeo; to reinforce team’s delivery time, improve quality of deliverables and thus help set up a coherent customer experience.

Getting started

If you are just getting started, check out our documentation: https://mozaic.adeo.cloud/

If your are looking for JS components, we have community-contributed components for the following technologies:

• Freemarker
• Vue
• Angular

If you're trying to find something specific, here's a list of our main packages that we support!

Package name	Description
@mozaic-ds/styles	All the SCSS files that constitute the Mozaic SCSS framework.
@mozaic-ds/tokens	Tokens are theming/styling constants defined in a JSON file. They are transpiled into multiple format to be shared across plateforms (SCSS, IOS, ANDROID...).
@mozaic-ds/css-dev-tools	Tools for css like PostCSS plugins and linters config tools.
@mozaic-ds/web-fonts	Currently, the Leroy Merlin font only
@mozaic-ds/icons	Iconography assets. We also offer support in: React, Ios, and Vue

📚 Documentation

We tried to focus on the developer experience, meaning that working with it should be as simple as possible.

You can report any bug, request a feature or any improvment filling an issue here

Please read the contributing documentation before submitting anything.

Please read the contributing before contributing.

Installation

Please follow the installation guide

Design system core team

Charles-Antoine Queste

Role for the project:

• Design system UI lead
• Arbitrates the patterns inputs and additions to the design system
• Welcomes and onboards the designers on Mozaic
• Reviews usage documentation

Timezone: Lile - France Availability: 100%

Contact on Adeo's Slack: Charles-Antoine Queste

Tiago Rosa

Role for the project:

• Product owner
• Backlog prioritization
• Sync with stakeholders

Timezone: Lille - France Availability: 90%

Contact on Adeo's Slack: Tiago Rosa

Trésor Iloyi

Role for the project: Front-end developer

Timezone: Rennes - France Availability: 100%

Contact on Adeo's Slack: Trésor Iloyi

Nicolas Herwegh

Role for the project:

• UI designer
• Designs the patterns and writes the associated documentation

Timezone: Lille - France Availability: 100%

Contact on Adeo's Slack: Nicolas Herwegh

Mohamed Mokhtari

Role for the project: Front-end developer

Timezone: Paris - France Availability: 100%

Contact on Adeo's Slack: Mohamed Mokhtari

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Geoffrey Testelin 🐛 🤔 🔧 💻	hatem-benmansour-lmfr 🐛	corentin-verquin-lm 📖	Mondolot Bertrand 🐛	Marine 🐛	Jean-Baptiste Lecomte 🤔	ThomasRumasLM 🐛 💻 📖
simonroger88 🤔	Florian Petit 🐛 🤔	Emmanuel DEMEY 📖	PINGUET Julien 🐛 💻	Matthieu Lepers 💻

This project follows the all-contributors specification. Contributions of any kind welcome!