Design systems
Agency Grid Layout Minimal
Grille éditoriale multi-colonnes, titres surdimensionnés et petits libellés en majuscules.
De quoi il s’agit
Une direction de mise en page pour sites d’agence : coques de grille larges, titres de titrage surdimensionnés, petites métadonnées en majuscules dans les colonnes adjacentes, et blocs d’image architecturaux.
Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.
Pourquoi ça compte pour le design
- Un placement strict en colonnes fait lire chaque position d’élément comme intentionnelle.
- Le contraste d’échelle entre titres de titrage et minuscules métadonnées porte la hiérarchie.
- L’espace négatif est préservé plutôt que rempli, gardant la page éditoriale.
Ce que ça couvre
- Scope
- Visual target
- Implementation guidance
- Recommended patterns
- Tuning knobs
- Avoid
Comment l’installer
Agency Grid Layout Minimal
-
Clonez le dépôt.
git clone https://github.com/MengTo/Skills -
Pointez Codex sur le fichier du skill.
agent-skills/web-design/agency-grid-layout-minimal/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Posez d’abord une coque en max-width large, avec des divisions de colonnes visibles.
-
Ancrez un titre hero sur la plupart des colonnes, le texte d’appui dans une colonne latérale.
-
Construisez les rangées de services en listings multi-colonnes avec de minuscules libellés de métadonnées.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.