В посте про DESIGN.md разбирали идею: текстовый файл с дизайн-системой, который нейронка читает и держит стиль в рамке. Логичный вопрос: где брать такой файл, если не писать руками. Один из ответов: Refero Styles.

Это бесплатная библиотека из 2000+ готовых DESIGN.md, снятых с реальных сайтов.

Linear, Stripe, Vercel, Notion, Cursor и сотни других. Ищешь по бренду, по настроению, по цвету или просто вставляешь ссылку на любой сайт, и Refero вынимает оттуда дизайн-систему: палитру в точных значениях, шрифты, отступы, тени, радиусы. Каждый стиль можно забрать в четырёх форматах: DESIGN.md, Tailwind, CSS-переменные, дизайн-токены.

Чем отличается от соседей по обзору. Stitch генерит свой дизайн и отдаёт DESIGN.md на выходе, Refero снимает чужой с готового сайта. Библиотека стилей tatsy.pro делает то же самое по смыслу, но это мой проект на русском, под новичков, с готовыми блоками под подмену своих цветов. Refero на английском, отдаёт сухой технический файл, заточен под Cursor и Claude Code. Аудитории это разные: tatsy.pro для тех, кто копирует и сразу вставляет в чат, Refero для тех, кто работает с агентом в проекте.

Тарифы: Refero Styles бесплатный, в статусе бета. У него есть большой платный родитель (Refero, библиотека из 130 тысяч скриншотов интерфейсов), но сам раздел со стилями ничего не стоит.

Из России: работает через VPN, регистрация не нужна для просмотра. Аккаунт может понадобиться, чтобы копировать файлы.

Честный минус: это снимок чужого дизайна, не твой бренд. Берёшь стиль Apple, получаешь сайт, похожий на Apple. Хотя с другой стороны, что в этом плохого? 🤓

Пробуй -> Refero Design

#вайб_дизайн

Написано человеком.

Подпишись в Telegram и Дзен 🧠

TATSY.PRO