Design-Systeme
industrial-brutalist-ui
Baut strenge Interfaces im Schweizer Print-Stil oder als CRT-Terminal mit analogem Korn.
Worum es geht
Ein Design-System für Interfaces, das Schweizer Typografie-Print mit militärischer Terminal-Ästhetik verbindet. Es legt strenge Raster, extremen Kontrast in der Schriftskala, einen einzigen Warnrot-Akzent und simulierte analoge Degradation fest.
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,
Warum das fürs Design zählt
- Pro Projekt wird ein Untergrund gewählt, Hell und Dunkel mischen sich nie.
- border-radius ist komplett verbannt, jede Ecke bleibt bei neunzig Grad.
- Halbton-, Scanline- und Rauschfilter verhindern, dass Flächen wie flache Vektorgrafik wirken.
Was es abdeckt
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
So installierst du es
industrial-brutalist-ui
-
Klone das Repo.
git clone https://github.com/Leonxlnx/taste-skill -
Verweise Codex auf die Skill-Datei.
skills/brutalist-skill/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Wähl einen Archetyp: Schweizer Industrie-Print oder taktisches CRT-Telemetrie-Terminal.
-
Große Überschriften nutzen clamp mit negativem Tracking, Metadaten laufen in kleiner Großbuchstaben-Monospace.
-
Grid-Abstände von 1px mit kontrastierenden Hintergründen erzeugen die messerscharfen Trennlinien.
Jedes Plugin hier ist kostenlos, quelloffen und verlinkt auf seine echte Originalquelle.
Mehr auf der codex-design-Liste ↗Weitere Codex-Design-Plugins
Frontend & UI Was es macht gpt-taste Baut preisverdächtige Landingpages mit GSAP-Scroll-Motion und lückenlosen Bento-Grids. 
Design-Systeme Was es macht Stitch Design Taste Schreibt eine DESIGN.md, die Google Stitch zu nicht-generischen Screens lenkt. 
Frontend & UI Was es macht image-to-code Erzeugt zuerst Design-Bilder, analysiert sie und baut dann passenden Frontend-Code. 
Frontend & UI Was es macht imagegen-frontend-mobile Erzeugt hochwertige Mobile-App-Screen-Flows als Bilder, nicht als Code. Nächster Schritt
Mit Open Design designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um Codex. Eigener Key, eigenes Ergebnis.