CoreBrandLogo
Примеры использования и документация.
Знак d2n — три скруглённых кубика, собранные в живой градиент: фирменная метка, которая переливается цветами темы в шапке, в мобильной навигации и на splash-экране. Один источник правды: тот же SVG живёт в фавиконках и og-изображениях — бренд выглядит одинаково везде, от вкладки браузера до превью в соцсетях.
Рядом с подписью «D2N Core» логотип декоративный по умолчанию (aria-hidden) — скринридер читает только текст бренда. Standalone-использование без текста — передайте label, и знак станет смысловой картинкой (role="img"); строку берите через vue-i18n (coreBrandLogo.label). Размер — число в px (по умолчанию 32) или CSS-длина ('1.5em').
Цвет не зашит в компонент: фон — общий flow-градиент темы --core-flow-image (тот же, что у всех flow-фич — реакция на тему и акцент единая), alpha-маска режет его по форме кубиков из public/images/brand-logo.svg. Такт перелива — 6.5s (синхронно со splash-экраном); при prefers-reduced-motion градиент статичен.
размеры 20 / 32 / 48 / 96 · перелив 6.5s, reduced motion — статичный градиент
label — role="img": логотип вне пары с текстом бренда