Design Systems
industrial-brutalist-ui
Cria interfaces rígidas de impressão suíça ou terminal CRT, com granulação analógica.
O que é
Um design system para interfaces que fundem a impressão tipográfica suíça com a estética de terminal militar. Especifica grids rígidos, contraste extremo na escala tipográfica, um único destaque vermelho de alerta e degradação analógica simulada.
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,
Por que isso importa para design
- Um só substrato é escolhido por projeto, então claro e escuro nunca se misturam.
- border-radius é rejeitado por completo, então todo canto fica em noventa graus.
- Filtros de meio-tom, scanline e ruído impedem que as superfícies pareçam vetor plano.
O que cobre
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
Como instalar
industrial-brutalist-ui
-
Clone o repositório.
git clone https://github.com/Leonxlnx/taste-skill -
Aponte o Codex para o arquivo da skill.
skills/brutalist-skill/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Escolha um arquétipo: impressão industrial suíça ou terminal CRT de telemetria tática.
-
Títulos macro usam clamp com tracking negativo; metadados usam monospace pequeno em caixa alta.
-
Espaços de grid de 1px com fundos contrastantes produzem as linhas divisórias finas como lâmina.
Todo plugin aqui é gratuito, open source e leva até a sua fonte original.
Mais na lista codex-design ↗Mais plugins de design para o Codex
Frontend & UI O que ele faz gpt-taste Cria landing pages estilo premiado com movimento de scroll em GSAP e grids bento sem falhas. 
Design Systems O que ele faz Stitch Design Taste Escreve um DESIGN.md que guia o Google Stitch para telas que fogem do genérico. 
Frontend & UI O que ele faz image-to-code Gera imagens de design primeiro, analisa cada uma e só depois constrói o código de frontend correspondente. 
Frontend & UI O que ele faz imagegen-frontend-mobile Gera fluxos de telas de app mobile em nível premium, como imagens, não como código. Próximo passo
Projete com o Open Design, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do Codex com o Open Design. Use sua própria chave e seja dono do resultado.