Дизайн-системы
industrial-brutalist-ui
Собирает строгие интерфейсы в духе швейцарской печати или ЭЛТ-терминала с аналоговым зерном.
Что это
Дизайн-система для интерфейсов, где швейцарская типографическая печать соединяется с эстетикой военного терминала. Она задаёт строгие сетки, экстремальный контраст шкалы шрифтов, один тревожно-красный акцент и симулированную аналоговую деградацию изображения.
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,
Почему это важно для дизайна
- На проект выбирается одна основа, поэтому светлая и тёмная темы никогда не смешиваются.
- border-radius полностью отвергается, поэтому каждый угол остаётся под девяносто градусов.
- Фильтры растра, скан-линий и шума не дают поверхностям выглядеть плоским вектором.
Что внутри
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
Как установить
industrial-brutalist-ui
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/brutalist-skill/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Выберите один архетип: швейцарская индустриальная печать или тактический ЭЛТ-терминал телеметрии.
-
Крупные заголовки используют clamp с отрицательным трекингом; метаданные набраны мелким моноширинным капсом.
-
Зазоры сетки в 1px с контрастным фоном дают тонкие, как лезвие, разделительные линии.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.