YakutVPN / v6.1

DESIGN
SYSTEM

Неон-брутализм. Якутская сила. Визуальная библиотека для интерфейсов YakutVPN.

◇ ◆ ◇

01 / Buttons

Кнопки

02 / Cards

Карточки

Default Card
Базовая карточка. Наведи — получишь неоновую рамку и shadow.
Accent Card
С циановой подсветкой и угловыми орнаментами.
Premium Card
Для премиум-фич и подписок. Фиолетовый = люкс.

03 / Badges

Бейджи

ACTIVE EXPIRING TRIAL PREMIUM

04 / Inputs

Поля ввода

05 / Code

Код / конфиги

vless://abc123-def456-789ghi@server.yakutvpn.site:443?type=tcp&security=reality&pbk=xxx&sni=google.com&fp=chrome&sid=123&spx=%2F#YakutVPN-Premium

06 / Progress

Прогресс

Traffic 42.3 GB / 100 GB
Warning 89 GB / 100 GB

07 / Tabs

Табы

Выбрана вкладка VLESS — современный протокол с Reality для обхода DPI.

08 / Lists

Списки

iPhone 15 Pro
Last active: 2 min ago
ONLINE
MacBook Pro M3
Last active: 3 hours ago
OFFLINE
Samsung Galaxy S24
Last active: 5 days ago
INACTIVE

09 / Typography

Типографика

Display / 72px
Heading 1 / 56px
Heading 2 / 40px
Heading 3 / 32px
Heading 4 / 24px

Large text / 20px — для вводных параграфов.

Base text / 15px — основной текст интерфейса.

Small dimmed / 13px — подписи, meta-информация.

JetBrains Mono / 13px — для кодов и технических данных.

UPPERCASE LABEL / 11px

10 / Colors

Палитра

CYAN
#00f0ff
PINK
#ff006e
LIME
#c6ff00
PURPLE
#b026ff

11 / Ornaments

Якутские орнаменты

◇ ◆ ◇ ◆ ◇

12 / Animations

Анимации

.float

.neon-pulse

.skeleton

⚡

.hover-glow

◆ ◇ ◆

YakutVPN Design System v6.1

Neon Brutalism × Якутская сила