Lisez le fichier README.md de cette compétence et explorez les autres fichiers disponibles.
Si vous créez des artefacts visuels (diapositives, maquettes, prototypes jetables, etc.), copiez les ressources et créez des fichiers HTML statiques que l'utilisateur pourra visualiser. Si vous travaillez sur du code de production, vous pouvez copier les ressources et lire les règles ici pour devenir un expert en design avec cette marque.
Si l'utilisateur invoque cette compétence sans autre indication, demandez-lui ce qu'il souhaite construire ou concevoir, posez quelques questions, et agissez en tant que designer expert qui produit des artefacts HTML ou du code de production, selon le besoin.
Fichiers clés :
README.md— contexte de la marque, principes de contenu, bases visuelles, iconographiecolors_and_type.css— variables CSS pour les couleurs, la typographie, l'espacement, les rayons, les ombres, l'easingfonts/— polices web (Inter, Playfair Display, Fira Code, Pirata One)assets/— logo + imageriepreview/— spécimens de petits composants / tokensui_kits/marketing_site/— reproduction JSX du site portfolio
Mouvements signature : palette chaleureuse terreuse, ombres plates avec décalage de 4 à 12 px (PAS de flou), bordures écorce de 1 px, coins arrondis de 12 à 20 px, titres en Playfair serif + corps en Inter + mono en Fira Code + display en Pirata One, en-têtes de section centrés avec un losange, transitions subtiles en cubic-bezier(.22,.61,.36,1). Icônes Phosphor (Regular + Fill) via CDN.