# Studio Décision - Design system « Crème » - Olivier Guitton

> Design system « Crème » - Une identité chaleureuse et lisible, déclinée sur tout le produit.

Page d'origine : https://www.olivierguitton.com/studio-decision-design-system.html

---

Studio Décision · Design · brique 9

Une identité chaleureuse et lisible, déclinée sur tout le produit.

Fond crème Accent terracotta 6 thèmes Cartes & ombres FR / EN

Ce que ça démontre

Donner un caractère propre au produit - distinct du site qui le présente.

![Capture réelle - Design system « Crème »](https://www.olivierguitton.com/assets/studio-decision-design-system.png)

Fonctionnement

## Comment ça marche

Un design system maison donne à Studio Décision son caractère : fond crème, accent terracotta, cartes blanches et ombres douces - cohérent, accessible et bilingue.

01

### Palette

Fond crème et accent terracotta, complétés d'un vert pour le positif - chaleureux plutôt que corporate.

02

### Composants

Cartes blanches, coins arrondis, ombres chaudes et une typographie soignée (Schibsted / Hanken).

03

### Thèmes

6 thèmes d'accent commutables, pour adapter l'ambiance sans casser la cohérence.

04

### i18n & a11y

Interface entièrement FR / EN et attention portée au contraste et au focus clavier.

## Points clés

✓ Identité crème + terracotta

✓ Composants cohérents et réutilisables

✓ 6 thèmes commutables

✓ Bilingue et accessible

- [← Précédent · 8 Architecture full-stack](https://www.olivierguitton.com/studio-decision-architecture.md)
- [Suivant · 10 Pilotage & delivery →](https://www.olivierguitton.com/studio-decision-pilotage.md)

## Les autres écrans

- [Vue d'ensemble](https://www.olivierguitton.com/studio-decision-etude-de-cas.md)
- [Import & profilage](https://www.olivierguitton.com/studio-decision-import.md)
- [Pipelines de données](https://www.olivierguitton.com/studio-decision-pipelines.md)
- [Dashboards interactifs](https://www.olivierguitton.com/studio-decision-dashboards.md)
- [Décisions tracées](https://www.olivierguitton.com/studio-decision-decisions.md)
- [Suivi de l'impact](https://www.olivierguitton.com/studio-decision-impact.md)
- [Présentations & export](https://www.olivierguitton.com/studio-decision-presentations.md)
- [Assistant IA & RAG](https://www.olivierguitton.com/studio-decision-assistant-ia.md)
- [Architecture full-stack](https://www.olivierguitton.com/studio-decision-architecture.md)
- [Pilotage & delivery](https://www.olivierguitton.com/studio-decision-pilotage.md)