Portfolio PatriHow
Projet personnel
Projet réalisé de A à Z dans le cadre de ma formation en développement web. J’ai conçu et développé ce site vitrine pour présenter mon parcours, tout en mettant en pratique mes compétences en design UX/UI et en intégration front-end.
Technologies: HTML, CSS, JavaScript, Figma
Voir le dépôt GitHub
Détails du projet
Contexte
J’ai réalisé ce projet sans utiliser de frameworks. J’ai créé l’identité visuelle, les illustrations, et une charte graphique complète dans Figma. Ensuite, j’ai développé l’interface en HTML et CSS en utilisant des grilles CSS, des variables, et une structure sémantique pour assurer un rendu responsive et accessible. Ce projet m’a permis de structurer un design system simple et cohérent, que je présente ci-dessous.
Guide de styles
Couleurs principales
Typographies
Titre H1 – 56px
Titre H2 – 36px
Titre H3 – 24px
Titre H4 – 22px
Titre H5 – 18px
Titre H6 – 16px
Texte de paragraphe standard. Taille 18px, interligne 1.6em, Police : Public Sans.
Sous-titre exemple