design system · 4 directions

AI Vibe Syndicate
+ образовательная платформа

Четыре направления для дизайн-системы, которая будет работать и на лендинге AVS, и на edu-платформе. Палитра, типографика, тон, референсы из индустрии — на одной странице.

01 / 04

Neo Terminal

Hacker-club вайб. Моноширинный текст, светящаяся бирюза, сетка как в IDE. Идеально под «синдикат вайб-кодеров».

AI_SYNDICATE
палитра
08080A
16161A
2DD4BF
A78BFA
F59E0B
типографика
Display
JetBrains Mono 700
UI / Body
Inter 500 — основной текст
Code
const vibe = 'syndicate'
// HERO BLOCK

// AI VIBE SYNDICATE

const mentors = ['alpha', 'beta', 'gamma'];
await joinSyndicate()
референсы из индустрии
🔮
Vercel
Тёмный фон + неоновые акценты + моно-шрифт в hero
📐
Linear
Минимализм + тонкая сетка + бирюзовые акценты в подсветке
📖
Mintlify
Док-эстетика, моно-акценты, отлично ложится на edu-платформу
Сильно
Совпадает с «синдикат вайб-кодеров», легко масштабируется на доки/курсы
Слабо
На длинных лонгридах моно-текст утомляет — нужен Inter для body
Кому
👨‍💻 разработчикам, AI-гикам, early adopters
darktechyundergroundmono
02 / 04

Soft Editorial

Премиальный «журнальный» стиль. Курсивный serif для заголовков, мягкие градиенты, янтарь как акцент. Прекрасно работает на edu-контенте.

Syndicate.
палитра
0F0A1F
1A1530
A78BFA
F59E0B
F4E4C1
типографика
Display
Instrument Serif
UI / Body
Inter — нейтрально и читаемо
Mono
для подписей и метаданных
— manifesto

Кодинг как поток.
Менторство как ритуал.

Три практика собрались, чтобы переписать правила обучения разработке в эпоху AI. Это не курс — это синдикат.

Войти в синдикат
референсы из индустрии
✍️
Posthog Handbook
Длинные лонгриды + serif-курсив + тёмная сетка
🌌
Anthropic.com
Эталонный «editorial dark» с янтарём — близко к твоей идее
📰
Pitch.com
Serif заголовки + sans body + premium-ощущение
Сильно
Премиум-восприятие, отстройка от «обычных» AI-стартапов, идеально под лонг-контент курсов
Слабо
Менее «хакерская» подача — может не зайти аудитории дев-комьюнити
Кому
🎓 фаундерам, продактам, senior-аудитории, которые ценят вкус
premiumeditorialserifsmooth
03 / 04

Swiss Brutal

Чёрно-белый брутализм с «секретным клубом» внутри. Жирные заголовки, агрессивная типографика, цвет — только как намёк. Совпадает с твоей ч/б основой iT ПТИЦА.

SYNDICATEest · 2026
палитра
000000
0B0B0B
FFFFFF
F59E0B
F43F5E
типографика
Display
MANROPE 900
UI / Body
Inter — функциональный body
Label
EST · 2026
— MEMBERSHIP No. 001

Three mentors.
One protocol.

Закрытый клуб для тех, кто строит будущее с AI каждый день.

референсы из индустрии
Bauhaus / Reform Collective
Чистая Swiss-сетка + жирная типографика + индустриальная подача
🎯
Arc Browser
Бесстрашный B&W + цветовые «вспышки»
👁
Read.cv
Минимализм + brutalist UI + типографика как герой
Сильно
Запоминаемость, «секретный клуб» вибес, идеально стыкуется с iT ПТИЦА ч/б
Слабо
Может ощущаться холодно — нужны живые иллюстрации/фото, чтобы согреть
Кому
🖤 эстетам, дизайнерам, тем, кто ценит «меньше = больше»
B&Wbrutalistboldcult
04 / 04

Glass Glow

Современный AI-look: стеклянные карточки, conic-градиенты, мягкое свечение. Самое «модное» направление 2025–2026, ровно под AI-категорию.

Syndicate
палитра
0C1218
161E2A
2DD4BF
A78BFA
10B981
типографика
Display
Space Grotesk 700
UI / Body
Inter — нейтральный body
Mono
geist mono для кода
// REAL-TIME

Build at the speed
of thought

Синдикат менторов + AI-инструменты + поток. Это новый интерфейс обучения.

Start free
референсы из индустрии
🌈
OpenAI / Stripe
Conic-градиенты + glassmorphism + мягкие свечения
🪟
Cal.com
Стеклянные карточки + чёткая сетка + tech-вайб
Replicate
AI-категория, glow-акценты, моно для кода
Сильно
Сразу читается как «AI-продукт 2026», легко делается в Tailwind/Framer
Слабо
Перенасыщенный рынок — таких сайтов сотни, нужна сильная типографика для отстройки
Кому
🚀 техно-аудитории, growth-фаундерам, AI-комьюнити
glassmorphismglowAI-nativemodern
★ РЕКОМЕНДАЦИЯ

Сравнение и мой выбор

Глядя на твою экосистему (iT ПТИЦА + подбренды + AVS + edu), мой ставка — D1 Neo Terminal как «база системы» + D2 Soft Editorial как «контентный слой» для лонгридов и курсов. Это даст единый язык, но разные «комнаты» под продукты.

D1 TermD2 EditD3 BrutD4 Glass
AVS-лендинг⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Edu-платформа⭐⭐⭐⭐⭐⭐⭐⭐
Стыкуется с iT ПТИЦА⭐⭐⭐⭐⭐
Production speed⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Запоминаемость⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
🔧 Если выбираем одно: D1 Neo Terminal — масштабируется на оба продукта, легко расширяется цветовыми «модами» под каждый подбренд (зелёный/фиолетовый/янтарный).
🎨 Гибрид (мой фаворит): D1 + D2 — терминал как UI-каркас, serif-курсив как акцент в hero/манифестах. Получится «техно-журнал».
🖤 Если важна отстройка: D3 Swiss Brutal — самая запоминающаяся, но потребует больше дизайн-вложений.