Дизайн-система: одна строка — и сайт обновлён за 2 минуты

Для кого Фаундеры и команды, у которых сайт, соцсети и презентации делают разные люди и нейросети

Цвета и шрифты — токены, из них 14 компонентов с инструкциями для нейросети. Сборки нет: правка в коде доезжает до сайта системы примерно за 2 минуты.

Результат

5 основных цветов, 8 оттенков, 3 шрифта

14 компонентов, у каждого — инструкция для нейросети

Правка доезжает до сайта за 105–120 с, без сборки

CSS-токены React-компоненты Инструкции для нейросети (.prompt.md) Автовыкатка по таймеру

Автор: Команда heg.ai

Что делает

Без общих правил каждый дизайнер и каждая нейросеть берут свой оттенок, и бренд расползается. Поэтому у нас единые настройки бренда: 5 основных цветов и 8 оттенков, 3 шрифта и 14 готовых компонентов. К каждому компоненту — инструкция, и нейросеть верстает по правилам, а не на глаз. Сборки нет: правку не нужно разносить по экранам, сайт дизайн-системы обновляется сам. Поменяли одну строку — через 105–120 секунд весь сайт в новом цвете. Ролик про это собран на тех же правилах.

Как устроено в двух словах

Цвета и шрифты лежат CSS-переменными, компоненты ссылаются только на них. Рядом с каждым компонентом — файл-инструкция для нейросети: когда его брать и чего не делать. Таймер на сервере раз в две минуты подтягивает основную ветку и проверяет сайт.

В подписке

Пошаговая инструкция по внедрению и промпт для старта

Обсуждение с автором и теми, кто уже внедрил (0)

Заявка на внедрение под ключ

Инструкция, обсуждение и заявка на внедрение — в подписке. 7 дней бесплатно.

Начать бесплатно