Design system
industrial-brutalist-ui
Costruisce interfacce rigide in stile stampa svizzera o terminale CRT, con grana analogica.
Che cos’è
Un design system per interfacce che fondono la stampa tipografica svizzera con l’estetica dei terminali militari. Specifica griglie rigide, contrasto estremo nella scala tipografica, un unico accento rosso di pericolo e degrado analogico simulato.
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,
Perché conta per il design
- Si sceglie un unico substrato per progetto, così chiaro e scuro non si mescolano mai.
- border-radius è rifiutato del tutto, così ogni angolo resta a novanta gradi.
- Filtri di retinatura, scanline e rumore evitano che le superfici sembrino vettoriali e piatte.
Cosa copre
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
Come installarlo
industrial-brutalist-ui
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/brutalist-skill/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Scegli un archetipo: stampa industriale svizzera o terminale CRT da telemetria tattica.
-
I titoli macro usano clamp con tracking negativo; i metadati usano monospace maiuscolo piccolo.
-
Gap di griglia da 1px con sfondi in contrasto producono le linee divisorie sottilissime.
Ogni plugin qui è gratuito, open source e rimanda alla sua vera fonte upstream.
Altro sulla lista codex-design ↗Altri plugin di design per Codex
Frontend e UI Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti. 
Design system Cosa fa Stitch Design Taste Scrive un DESIGN.md che guida Google Stitch verso schermate non generiche. 
Frontend e UI Cosa fa image-to-code Genera prima immagini di design, le analizza, poi costruisce il codice frontend corrispondente. 
Frontend e UI Cosa fa imagegen-frontend-mobile Genera flussi di schermate per app mobile di livello premium come immagini, non come codice. Prossimo passo
Progetta con Open Design, senza il setup
Installa questo plugin da solo, oppure porta attorno a Codex un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.