зелёного/красного для финансовых состояний.

Где использовать: trading, crypto, fintech dashboards.
11. apple-design-analysis
Typography hierarchy, whitespace, строгий spacing rhythm, минимум декоративности и максимальный акцент на продукте.
Где использовать: premium landing pages, product pages, hardware/software products.
Открыть Apple design analysis (https://skillmd.com/skills/voltagent/apple-design-analysis)
12. airbnb-design-analysis
Тёплый consumer UI: белый canvas, мягкие радиусы, pill-search, фотографии и большое количество воздуха.
Где использовать: travel, lifestyle, marketplaces, booking products.
Открыть Airbnb DESIGN.md (https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/airbnb/DESIGN.md)
13. ui-ux-pro-max
Это уже не один визуальный стиль, а универсальный UI/UX-комбайн: стили, палитры, font pairings, UX-гайдлайны, графики и паттерны под разные tech stacks.
Как использовать: ставить его базовым UX-слоем, а брендовые design-analysis skills использовать как визуальный язык поверх.
Открыть ui-ux-pro-max на GitHub (https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)
✍️ 5 шрифтов для UI/UX с GitHub
Шрифт Лучше всего подходит
Manrope SaaS, AI, fintech, основной UI
Plus Jakarta Sans Premium, landing pages, мягкий consumer UI
Space Grotesk Заголовки, AI products, developer tools
IBM Plex CRM, dashboards, B2B, таблицы
Geist Чистый UI + Geist Mono для technical elements
1. Manrope
Современный geometric sans. Чистый, но не стерильный. Есть кириллица.
GitHub — Manrope (https://github.com/googlefonts/manrope)
2. Plus Jakarta Sans
Мягкий и чуть более premium по ощущению. Хорош для интерфейсов и лендингов.
GitHub — Plus Jakarta Sans (https://github.com/tokotype/PlusJakartaSans)
3. Space Grotesk
Больше характера, чем у стандартных UI-шрифтов. Особенно хорошо работает в крупных заголовках.
GitHub — Space Grotesk (https://github.com/floriankarsten/space-grotesk)
4. IBM Plex
Сильный вариант для информационно плотных интерфейсов: таблиц, CRM, B2B и аналитики.
GitHub — IBM Plex (https://github.com/IBM/plex)
5. Geist
Очень чистый UI-шрифт от Vercel. Geist Mono удобно использовать для кода, ID, логов и технических элементов.
GitHub — Geist (https://github.com/vercel/geist-font)
💡 Рабочая связка
Manrope — основной UI
Space Grotesk — заголовки
Geist Mono — код и technical UI
IBM Plex — B2B, CRM и таблицы
Plus Jakarta Sans — premium / landing
🛠 Как я бы ставила задачу агенту
Не так:
Сделай красивый современный сайт.
А так:
База: ui-ux-pro-max
Визуальный язык: 60% Apple + 40% Resend
Typography: Manrope + Space Grotesk
Запреты: никаких generic purple gradients, бессмысленного центрирования, одинаковых rounded cards и декоративного glassmorphism без функции.
Почему это работает
AI отлично следует ограничениям, когда они конкретные. Чем меньше неопределённости в typography, spacing, hierarchy и visual language — тем меньше модель заполняет пустоты своими усреднёнными паттернами.
Главная идея: не просить AI придумать вкус. Сначала дать ему систему вкуса.
Вывод
Самый интересный подход — собирать у себя библиотеку дизайн-языков и подключать их к агенту как инструменты.
Например: ui-ux-pro-max + apple-design-analysis + resend-design-analysis.
Тогда агент перестаёт быть генератором «ещё одного современного SaaS» и начинает проектировать внутри конкретной системы.
Ну а если ты хочешь научиться собирать автоматизированной системы которые будут экономить тебе кучу времени Заходи к нам в клуб (https://t.me/ProAiClubBot?start=d49e2037)👍
Ты пройдёшь полное обучение от 0 до готового результата 😌
Даже если страшновато-что за частую бывает -мы всегда все друг другу помогаем и разбираем на созвонах темы и ошибки🙏
Ставь огонь! 🔥
#автоматизация #агенты #дизайн #скилы