Design systems
industrial-brutalist-ui
Construit des interfaces rigides façon print suisse ou terminal CRT, avec un grain analogique.
De quoi il s’agit
Un design system pour interfaces qui fusionnent le print typographique suisse avec une esthétique de terminal militaire. Il impose des grilles rigides, un contraste extrême d’échelle typo, un seul accent rouge danger et une dégradation analogique simulée.
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,
Pourquoi ça compte pour le design
- Un seul substrat est choisi par projet, donc le clair et le sombre ne se mélangent jamais.
- border-radius est totalement rejeté : chaque angle reste à quatre-vingt-dix degrés.
- Les filtres de trame, de scanlines et de bruit empêchent les surfaces de lire comme du vectoriel plat.
Ce que ça couvre
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
Comment l’installer
industrial-brutalist-ui
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/brutalist-skill/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Choisissez un seul archétype : print industriel suisse ou terminal CRT de télémétrie tactique.
-
Les titres macro utilisent clamp avec un tracking négatif ; les métadonnées, une petite monospace en majuscules.
-
Des écarts de grille de 1px avec des fonds contrastés produisent les lignes de séparation ultra-fines.
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.