Design System

Composants UI réutilisables de GymApp

Palette de couleurs

Primary

#10b981

Brand

#f97316

Success

#059669

Danger

#ef4444

Buttons

Form Inputs

Nous ne partagerons jamais votre email

Ce champ est requis

Cards

Default Card

Une card simple avec padding standard.

Hover Card

Cette card a un effet hover.

Interactive Card

Cette card est cliquable.

Badges

Primary Success Warning Danger With Icon

Progress Bars

Progression 30/100
Complet

Loading States

Spinners

Chargement...
Chargement...
Chargement...
Chargement...

Skeletons

Modal & Toasts

Modal

Toast Notifications

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Body text - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Small text - Lorem ipsum dolor sit amet.