Charte Graphique
Les principes, les composants et les styles qui définissent l'identité visuelle de ce portfolio.
Logo
Le logo est le point central de l'identité. Il est utilisé dans la navigation principale et le preloader.
Palette de Couleurs - Site Principal
La palette principale est conçue pour être sobre, professionnelle et mettre en valeur le contenu visuel. Elle s'articule autour d'un fond très sombre, rehaussé par une couleur primaire vive et technologique.
Background
#050608
hsl(220 20% 3%)
Foreground
#f9fafb
hsl(210 40% 98%)
Card
#050608
hsl(220 20% 3%)
Primary
#6de2b3
hsl(158 62% 65%)
Primary Fg
#18181b
hsl(210 40% 9.8%)
Accent
#f4f4f5
hsl(210 40% 96.1%)
Border
#212a3a
hsl(217.2 32.6% 17.5%)
Ring
#6de2b3
hsl(158 62% 65%)
Palette de Couleurs - Visualiseur 3D
La palette du visualiseur est plus simple pour ne pas distraire de l'objet 3D. Le bleu électrique sert de couleur d'action pour les contrôles.
Background
#3d3d3d
hsl(0 0% 24%)
Primary
#3b82f6
hsl(217 91% 60%)
Primary Fg
#f9fafb
hsl(210 40% 98%)
Ring
#3b82f6
hsl(217 91% 60%)
Typographie
La police 'Space Grotesk' est utilisée pour tous les textes, offrant un aspect moderne et technique. La hiérarchie est claire pour garantir la lisibilité.
Titre H1
5xl / Bold
Artiste 3D & Développeur
Titre H2
4xl / Bold
Mes Domaines d'Activité
Titre H3
2xl / Bold
Infographie 3D
Texte de corps
base / Regular
Alliant ma passion pour la création 3D et mon expertise en développement d'applications web et interactives, je conçois des solutions visuelles innovantes.
Label / Petit texte
sm / Medium
Voir le projet
Composants et Interactivité
Les composants suivent une logique de design cohérente : les éléments structurels comme les cartes ont des coins droits pour la stabilité, tandis que les éléments interactifs comme les boutons ont des coins arrondis pour inviter à l'action.
Boutons
Badges
Cartes
Utilisée pour structurer le contenu. Coins droits pour un aspect stable et ordonné.
Une bordure et une ombre de couleur primaire sont utilisées pour attirer l'attention.
Intéressé par mon approche du design ?
Discutons de la manière dont cette rigueur et cette créativité pourraient s'appliquer à vos projets.