Showcase · Документация

Этот раздел собирает «эталонные» примеры — посмотреть, как смотрится вся система живьём.

#Атмосфера в галерее

Шесть кадров, соединённых одной палитрой и настроением:

#Слои интерфейса

tsx

<div className="rounded-2xl border border-line/70 bg-bg-surface/40 backdrop-blur p-5">
  <span className="text-accent">элемент третьего уровня</span>
</div>

#Скрытые детали

Каждый элемент вики снабжён микро-анимацией: появление через fade-in, плавный hover, мягкое свечение акцента в фокусе. Эти детали не бросаются в глаза, но создают ощущение живого, продуманного интерфейса.