Tous les projetsExemple
Projet 04

Atelier

Un générateur de palettes pour interfaces à l'esthétique rétro.

Année
2023
Rôle
Conception et développement
Statut
En ligne
Stack
Astro, TypeScript
Kitsulo / Projet 04red
Atelier
Contenu d'exemple

Ce projet est une fiche de démonstration. Remplace son contenu danssrc/content/projects/ avant la mise en ligne.

Contexte

Atelier est un outil de poche pour construire une palette limitée, vérifier ses contrastes et l’exporter directement en variables CSS. Il est né en même temps que ce portfolio, pour fixer une identité sans passer par un logiciel de design.

Ce que j’ai fait

  • Un sélecteur de couleurs avec verrouillage des teintes.
  • Un contrôle de contraste WCAG intégré, lisible en direct.
  • Une prévisualisation sur des composants réels : boutons, cartes, tags.
  • Un export en variables CSS, avec thème clair et sombre.

L’ensemble tient dans une page statique et garde l’état dans l’URL, ce qui rend chaque palette partageable.

Ce que j’en retiens

Travailler avec une palette fermée force des décisions plus nettes. Chaque couleur doit avoir un rôle, sinon elle disparaît. Cette règle a directement influencé la direction artistique de Kitsulo.