Design System v4 · Cards

env: prod

Variants

default · elevated (shadow) · muted · interactive (hover lift).

default
Обычная карточка без эффектов.
elevated
Поднята тенью. Для важных блоков.
muted
Фон совпадает со страницей. Для вторичной информации.
interactive
Hover поднимает + тень. Кликабельна целиком.

Padding scale × variants

padding=none
Контент card.
padding=sm
Контент card.
padding=md
Контент card.
padding=lg
Контент card.

С header / body / footer

Champions League Final Live

Финал Лиги Чемпионов. Призовой фонд 50 000 фишек. Старт через 2 часа.

128/256 Buy-in $25
Только body — header и footer пустые, не рендерятся.

Long content / no overflow

Длинный заголовок-турнира-который-не-должен-сломать-layout-карточки
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Очень короткая карточка.