Выделенная область экрана, собирающая связанную информацию в один визуальный блок: пользователь мгновенно видит, где начинается и заканчивается смысловая единица — товар, статья, настройка. Рабочая лошадка дашборда, списка и каталога: секционные компоненты внутри отвечают за свои отступы, карточка — за поверхность, рамку и целостность блока.

Композитный контейнер: внутри — секции CoreCardImage (кадр 16:9 или своё соотношение), CoreCardTitle (line-clamp по числу строк), CoreCardContent, CoreCardActions, CoreCardFooter; шорткаты title/description собирают шапку одной строкой, а слоты header/title/description/footer дают полный контроль над композицией. Три поверхности: outline (фон + рамка), soft (приглушённый фон), base (без оформления — для вложенных карточек); семь семантических цветов красят фон и рамку от одного токена.

Карточка-действие: проп to превращает весь блок в ссылку (CoreLink — SPA-навигация и фокус-кольцо с клавиатуры), interactive добавляет hover-отклик — рамка и тень на устройствах с курсором. Для переходов используйте to: кликабельность с клавиатуры гарантируется самим рендером ссылки.

Три режима фирменного перелива: flowBorder — градиентная рамка постоянно, flowBorderHover — перелив рамки и свечение тени по наведению (цвет свечения дышит в такт градиенту), flowBg — вся поверхность живёт градиентом, а тексты и кнопки внутри автоматически перекрашиваются для контраста. Пара цветов — --card-flow-a/-b, полная замена картинки — --card-flow-image; при prefers-reduced-motion градиент статичен.