01. Логотип

Primary 3D Icon

App Icon

Используется в хедере, фавиконке и мобильном меню.

Light Mode (Forbidden)

Логотип всегда должен быть на темном фоне. Светлый фон только для документации.

02. Палитра

#EF4444

BRAND

Hover: #DC2626

Shadow: #991B1B

#0F1014

MAIN BG

Sidebar: #131418

Surface: #1D1F26

#121214

INPUT

Border: #27272A

Placeh: #52525B

#22C55E

SUCCESS

Shadow: #14532D

Gold: #FBBF24

03. Типографика

Aa

Rubik

Основной шрифт интерфейса. Округлый, дружелюбный, геймерский.

H1 / Black / 30-36px

The quick brown fox jumps over the lazy dog

H2 / Bold / 24px

Arcio Live Streaming Platform

Body / Regular / 14-16px

Платформа нового поколения. Мы используем мягкие тени и глубокий матовый фон, чтобы создать ощущение погружения. Интерфейс должен быть отзывчивым и тактильным.

04. UI Компоненты

Primary Button

bg-brand hover:bg-brand-hover text-white shadow-btn-red active-press

Secondary Button

bg-dark-input border-2 border-dark-border shadow-btn-dark

Success Button

bg-green-500 shadow-btn-green

Input Field

Label

Content Card

A

Card Title

Subtitle

Это стандартная карточка контента. Используется `bg-dark-card`, `border-2` и `shadow-card`.