Фронтенд и UI
design-skills · Brutalism
Раскладки в духе сырого бетона, заголовки Darker Grotesque, красный и охра.
Что это
Скилл-гайдлайн для брутального UI, взятого из архитектуры сырого бетона 1950-х: без прикрас, функциональный, намеренно резкий. Заголовочный шрифт Darker Grotesque, красный #DD614C и охра #DAA144 на белом.
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
Почему это важно для дизайна
- Смелые элементы без прикрас сбрасывают декор, поэтому вес несут структура и текст.
- Два сильных акцента, красный и охра, полностью заменяют градиенты и тени.
- Планка доступности всё равно действует, поэтому резкие раскладки сохраняют контраст и видимый фокус.
Что внутри
- Brand
- Style foundations
- Accessibility
- Rules: do
- Quality gates
- Example constraint language
Как установить
design-skills · Brutalism
-
Клонируйте репозиторий.
git clone https://github.com/bergside/awesome-design-skills -
Укажите Codex на файл скилла.
skills/brutalism/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Скажите Codex, что тон смелый и без прикрас, прежде чем он выберет компоненты.
-
Привяжите каждое правило к токену или порогу, как требуют шлюзы качества.
-
Сопровождайте каждое правило «делай так» конкретным примером «не делай так» при разборе результата.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке 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. Свой ключ, свой результат.