Палитра

Временная страница для проверки токенов и компонентов. Разбита на табы, слаг таба — в пути: перезагрузка (в том числе HMR) оставляет на текущем. Таб-бар — наш жеFilterChips.

Свой 500:

Hero-баннер

Карусель «ковер → видео → перелистнуть»: постер (LCP, preload в <head> этой страницы — смотрите исходник) виден сразу, видео догружается только на активном слайде; по playing ковер растворяется, по ended или потолку 15с — следующий слайд. Последний слайд — только фото: уходит через 5с. Слайды по кругу (через клоны краёв), каждый слайд — ссылка; свайп с магнитом середины (меньше половины — вернётся, больше — дотянет сам), свайп не превращается в клик. Точки — наш Stepper. Данные — живые ассеты текущего сайта, пары десктоп/мобилка (сузьте окно — картинка и видео сменятся).

Блок H1 главной: SeoIntro

Карточка с H1, подводкой и рядом наградных лавров (макет «SEO text 1-2»). Лавры — цельные SVG-файлы с зазёрнённым текстом: их подписи в макете — Montserrat 5–6px, ради нечитаемого микротекста второе семейство на сайт не поехало (открытый вопрос №5 закрыт). Формулировки наград живут в alt. Здесь заголовок понижен до as="h2" — h1 на палитре уже занят.

VRSpy - Immersive 8K VR Porn to Stream or Download

200+ award-nominated VR scenes for Quest 3, Vision Pro & all headsets, with new releases every week.

Section

Карточка объявляет data-surface="raised", поэтому кнопка внутри неё сама становится темнее подложки — ей не нужно сообщать, где она лежит. Строка под заголовком — слот: здесь SectionBreadcrumbs, но туда же встанут фильтры или подзаголовок. Ниже — та же карточка в режиме surface="plain": без фона, без паддингов и с фильтрами в слотеmeta. Заливка «Show more» там светлее, а не темнее, и это не отдельный флаг — кнопка просто наследует контекст страницы.

В слот meta кладётся что угодно — здесь обычный подзаголовок вместо крошек.

Минимальный вид: без подзаголовка в шапке и без подвала.

Собранный блок: Top Models

Первая готовая секция — sections/TopModels.astro: шапка с фильтрами и рельса звёзд, всё из уже существующих частей. Кнопки «Show more» нет намеренно, поверхностьplain — рельса лежит прямо на странице, как в макете. Данные приходят пропсом; здесь — та же подставная дюжина.