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.
Démarrage rapide
- Accent principal : Indigo
#3F51B5(portfolio). Dégradé bleu plus froid#2980b9 → #1a6da3pour la barre de navigation collante du blog uniquement. - Police : Poppins (affichage/corps, graisses 300/400/500/600/700) + Roboto Mono (sourcils, meta, code en ligne).
- Les sourcils de section sont en minuscules + mono + soulignés avec un lavis indigo à 40 % d'opacité. Les titres de service sont en MAJUSCULES avec un espacement de 2 px.
- Voix : première personne, confiante, cadres nommés (SOC 2, zéro confiance, DevSecOps). Évitez le langage marketing générique.
- Emoji : uniquement ☀️ / 🌙 pour le mode sombre. N'en introduisez pas d'autres.
- Logos :
assets/laplante-logo.png(sur fond clair) +assets/laplante-logo-white.png(sur fond sombre). - Jetons : importez
colors_and_type.css— tous les jetons y sont définis en tant que variables CSS--lp-*.
Fichiers
colors_and_type.css— jetons de design + classes typographiques sémantiquesassets/— images matricielles du logopreview/— échantillons + spécimens (utilisés par l'onglet Système de design)ui_kits/portfolio/— page d'accueil + services + chronologie + contact (haute fidélité)ui_kits/blog/— liste d'articles + lecteur d'article (haute fidélité)