Identité Visuelle
Cette page présente les éléments fondamentaux qui constituent l'identité visuelle du portfolio. Elle assure une cohérence graphique à travers toutes les pages et composants.
Palette Mode Clair
#A0D8D5
rgb(160, 216, 213)
hsl(177, 44%, 74%)
Vert Menthe
Accent / Button
#6F90DC
rgb(111, 144, 220)
hsl(222, 61%, 65%)
Bleu Bleuet
Button Hover
#a8dadc
rgb(168, 218, 220)
hsl(182, 46%, 76%)
Cyan Clair
Footer BG
#FFFFFF
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Background
Page BG
Palette Mode Sombre
#02020a
rgb(2, 2, 10)
hsl(240, 67%, 2%)
Espace Profond
Background
#457b9d
rgb(69, 123, 157)
hsl(203, 39%, 44%)
Primary Blue
Primary
#6F90DC
rgb(111, 144, 220)
hsl(222, 61%, 65%)
Bleu Bleuet
Accent
#0f172a
rgb(15, 23, 42)
hsl(222, 47%, 11%)
Surface
Card BG
Typographie
Heading 1
text-4xl font-bold
Heading 2
text-3xl font-bold
Body Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Minimalist and clean.
text-base text-foreground
Comportement du Texte
La classe .text-gray-900 s'adapte automatiquement : Noir pur en mode clair, Blanc pur en mode sombre.
Light Mode Context
.text-gray-900
(Renders Black)
Dark Mode Context
.text-gray-900
(Renders White)
Composants UI
Boutons
Cartes
Interactive Card
Uses card-premium styles with standard padding and hover effects.