Многослойный параллакс
Разводит планы сцены и создаёт глубину без 3D-движка.Для одного сильного входного кадра, а не для каждого блока.
Витрина web systems / выпуск 03
Не стиль.Диапазон.
152 приёмов собраны в восемь несовместимых миров: от редакционной истории и persistent Three.js до магазина, записи на услугу и базы дизайн-практик. У каждого пункта есть локальный preview и прямой живой пример.
9 скролл7 шрифт11 движение7 графика9 данные10 модули7 навигация6 формы8 состояния12 детали
Восемь типов сайта и арт-направлений
Выбрать демонстрационную страницу
01 / EDITORIALПолевые
Игровая
Atelier
Сервис-
База
Глубина
Полевые
записки
Научный атлас × журнал × ландшафт.
02 / DATAСигнальная
Диспетчерский щит × необрутализм.
03 / IMMERSIVEОрбита
WebGL × типографическая тишина.
04 / TACTILEИгровая
лаборатория
Физические controls × конфетный модернизм.
05 / COMMERCEAtelier
Store
Товарная витрина × avatar try-on × checkout.
06 / SERVICEСервис-
студия
Смета × календарь × доверие.
07 / SYSTEMБаза
практик
WCAG × CWV × tokens × brand boards.
08 / CINEMATICГлубина
47
Persistent Three.js × native scroll × procedural world.
Проверяемый индекс
Все приёмы.
Категория
Тип сайта
-
S01 Скролл -
S02 Скролл Reveal по мере появления
Выстраивает ритм чтения и показывает очередность аргументов.В длинной редакционной истории с самостоятельным no-JS состоянием.
-
S03 Скролл Sticky-scrollytelling
Связывает четыре текстовых шага с одной меняющейся схемой.Когда графика объясняет причинную цепочку, а не служит декором.
-
S04 Скролл Scroll-привязанная маска
Показывает переход между двумя состояниями в темпе рассказа.Для доказуемого изменения одного объекта с одинаковой камерой.
-
S05 Скролл Горизонтальная сцена внутри вертикальной
Укладывает серию полевых кадров в один драматургический эпизод.Для короткой последовательности, где горизонталь несёт смысл времени.
-
S06 Скролл Прогресс чтения
Даёт масштаб длинного каталога и ощущение завершённости.На длинных справочных и редакционных страницах.
-
S07 Скролл Липкий аналитический пульт
Удерживает контекст фильтров рядом с меняющимися данными.В плотном dashboard, когда controls нужны на протяжении раздела.
-
S08 Скролл Орбита, связанная со скроллом
Превращает прокрутку в управление ракурсом и фазой миссии.Для одной иммерсивной сцены с доступной статичной раскадровкой.
-
S09 Скролл Snap-секции
Помогает проходить короткие игровые испытания по одному.Для автономных полноэкранных шагов, особенно на touch.
-
T01 Шрифт Анимация вариативного веса
Делает голос заголовка частью состояния интерфейса.Для короткой акцидентной фразы, не для длинного текста.
-
T02 Шрифт Кинетический текст
Передаёт импульс без видео и тяжёлых ассетов.В игровом hero или переходе между состояниями.
-
T03 Шрифт Stagger букв и слов
Показывает порядок чтения и усиливает одну редакционную фразу.Для редких акцентов длиной до двух строк.
-
T04 Шрифт Крупная акцидентная вёрстка
Создаёт иерархию плаката до появления изображения.Когда у страницы есть ясный тезис и короткая формулировка.
-
T05 Шрифт Текст по кривой
Подписывает траекторию прямо в пространстве сцены.Для короткой маркировки пути или объекта в SVG.
-
T06 Шрифт Mix-blend поверх изображения
Встраивает заголовок в фотографию, сохраняя постерную энергию.Только на контролируемом изображении с контрастной подложкой fallback.
-
T07 Шрифт Плавный набор чисел
Показывает изменение метрики и её направление.Для редких KPI, где обновление связано с событием.
-
M01 Движение Осмысленные hover-состояния
Показывает, что произойдёт при переходе, до клика.На ссылках и controls с указателем; фокус получает тот же эффект.
-
M02 Движение Magnetic-кнопка
Создаёт ощущение тяги к главному действию без задержки клика.Для одной-двух CTA на desktop; на touch отключается.
-
M03 Движение Рисование SVG-пути
Объясняет последовательность движения по схеме.Когда путь и есть содержание, а не украшение.
-
M04 Движение Трёхмерный переворот карточки
Прячет вторичный слой, сохраняя связь с лицевой стороной.Для одного физического метафорического объекта с явной кнопкой.
-
M05 Движение Spring-физика
Даёт объекту вес и естественное возвращение в точку.В игровых draggable-элементах, где инерция помогает понять модель.
-
M06 Движение Staggered-появление списка
Помогает заметить порядок новых событий.Для небольшого пакета, а не бесконечной ленты.
-
M07 Движение Переход между состояниями
Сохраняет пространственную связь до, во время и после действия.В мастере, конфигураторе и компактных state machines.
-
M08 Движение Контекстный курсор
Подсказывает режим взаимодействия внутри иммерсивной сцены.Только в ограниченной области; системный курсор остаётся fallback.
-
M09 Движение Анимация иконок
Подтверждает действие в компактном control без лишнего текста.Для меню, темы и копирования, вместе с доступным label.
-
M10 Движение Ripple-отклик
Даёт мгновенную координатную обратную связь на нажатие.На крупных игровых кнопках; не заменяет pressed-состояние.
-
M11 Движение Drag с инерцией
Позволяет листать физическую колоду естественным жестом.В карусели с кнопками и snap fallback.
-
G01 Графика SVG-морфинг формы
Показывает переход между двумя идеями одним объектом.Для простых совместимых контуров, где форма несёт смысл.
-
G02 Графика Canvas-генеративное поле
Создаёт уникальную живую фактуру без готовой анимации.Как лёгкий атмосферный слой с ограниченным DPR.
-
G03 Графика Система частиц
Визуализирует поток телеметрии вокруг объекта.Когда плотность и направление частиц кодируют данные.
-
G04 Графика CSS 3D-объект
Показывает объём из DOM-слоёв без WebGL.Для простого физического макета с доступным описанием.
-
G05 Графика WebGL-шейдер
Создаёт непрерывное процедурное свечение атмосферы.Для одной hero-сцены с Canvas fallback и feature detection.
-
G06 Графика Интерактивная схема кодом
Показывает связи узлов и выбранный маршрут без изображения.Для живой topology, где подписи и фокус важнее красоты.
-
G07 Графика Sankey-поток кодом
Показывает, куда расходуется один входной объём.Для небольшой системы с понятной суммой и табличной альтернативой.
-
D01 Данные Линейный график
Показывает динамику сигнала во времени.Для непрерывной метрики и точной шкалы.
-
D02 Данные Столбчатый график
Сравнивает дискретные интервалы и быстро показывает выброс.Для категорий или одинаковых временных окон.
-
D03 Данные Гистограмма распределения
Отделяет типичную задержку от длинного хвоста.Когда среднее скрывает форму распределения.
-
D04 Данные Тепловая карта
Показывает повторяющийся ритм по дням и часам.Для двух дискретных измерений и доступной легенды.
-
D05 Данные Круговая диаграмма
Показывает состав малого числа частей одного целого.Когда сегментов не больше пяти и точные числа написаны рядом.
-
D06 Данные Интерактивная подсказка
Даёт точное значение без перегрузки всей плоскости.На графике с pointer, focus и закреплением по tap.
-
D07 Данные Сравнение до и после
Сводит эффект настройки в сопоставимые показатели.Когда baseline и result имеют одинаковые единицы.
-
D08 Данные Сортировка и фильтры таблицы
Позволяет быстро найти проблемный узел и проверить порядок.В операционных наборах, где данные важнее визуального эффекта.
-
D09 Данные Живое обновление цифр
Показывает свежесть потока и направление последнего пакета.Для симуляции/телеметрии с паузой и временем обновления.
-
I01 Модули Калькулятор с ползунками
Даёт почувствовать зависимость результата от трёх входов.Для понятной модели с мгновенным пересчётом и формулой рядом.
-
I02 Модули Конфигуратор тарифа
Собирает пакет из состава, режима и периода без скрытой цены.Когда комбинаций много, но решение остаётся на одной странице.
-
I03 Модули Hotspots на изображении
Привязывает полевые заметки к точному месту кадра.Для небольшого числа точек с дублирующим списком.
-
I04 Модули Слайдер сравнения изображений
Даёт вручную исследовать границу изменения.Для двух совмещённых сцен с одинаковым ракурсом.
-
I05 Модули Табы с roving focus
Переключают режимы одного полевого инструмента без новой страницы.Для 3–5 взаимно исключающих представлений.
-
I06 Модули Аккордеон методики
Оставляет каталог сканируемым, но раскрывает критерии проверки.Для вторичных объяснений, которые не нужны всем сразу.
-
I07 Модули Галерея с лайтбоксом
Показывает детали иллюстраций без ухода из лаборатории.Для небольшого набора оригинальных сцен с подписями.
-
I08 Модули Карусель с жестами
Листает независимые карточки touch-жестом и кнопками.Когда порядок вторичен, а элементов немного.
-
I09 Модули Интерактивный timeline
Показывает изменение проекта по этапам без длинной стены текста.Для последовательности с 4–8 событиями.
-
I10 Модули Фильтруемая drag-and-drop сетка
Совмещает поиск набора и ручную приоритизацию элементов.Для маленьких коллекций; всегда есть кнопки перемещения.
-
N01 Навигация Мега-меню
Показывает пять миров и категории приёмов одним обзором.Для хаба с небольшим, но неоднородным деревом.
-
N02 Навигация Шапка, меняющая состояние
Освобождает место после первого экрана и сохраняет основные действия.На длинной странице с частой навигацией.
-
N03 Навигация Оглавление с активным разделом
Показывает текущую главу и позволяет выйти из режиссуры.В scrollytelling и длинной статье.
-
N04 Навигация Командная палитра Cmd+K
Даёт быстрый поиск по всему каталогу и восьми демо.Для насыщенного каталога с повторными визитами.
-
N05 Навигация Breadcrumbs
Возвращает из независимой демо-страницы к каталогу и категории.Когда страницы визуально не похожи и теряют общий chrome.
-
N06 Навигация Кнопка наверх
Сокращает обратный путь после длинной демонстрации.На страницах длиннее нескольких экранов.
-
N07 Навигация Мобильное меню
Сохраняет переходы между мирами на 360 px без переполнения.Для общей навигации хаба на узком экране.
-
F01 Формы Многошаговая форма
Разбивает сложный запрос на три понятных решения.Когда шаги зависят друг от друга и есть итог перед отправкой.
-
F02 Формы Живая валидация
Объясняет ошибку рядом с полем до финального действия.После взаимодействия с полем, а не на первом рендере.
-
F03 Формы Маска ввода
Помогает набрать координаты станции в ожидаемом формате.Для фиксированного формата с возможностью вставки и удаления.
-
F04 Формы Автодополнение
Быстро находит один из 96 узлов по коду или району.Для конечного справочника с понятным пустым результатом.
-
F05 Формы Загрузка перетаскиванием
Показывает выбранные файлы и безопасную локальную проверку.Когда drag ускоряет действие, но кнопка выбора обязательна.
-
F06 Формы Дизайнерские переключатели
Делают бинарный выбор заметным, сохраняя нативный input.Для немедленных настроек темы, звука и симуляции.
-
U01 Состояния Skeleton-загрузка
Сохраняет геометрию данных во время контролируемой задержки.Только если структура известна и ожидание ощутимо.
-
U02 Состояния Локальная очередь
Показывает, что запись сохранена даже без сети.В offline-first сценарии с последующей синхронизацией.
-
U03 Состояния Спиннер с контекстом
Показывает короткую выполняемую операцию и её название.Для ожидания до нескольких секунд, после явного действия.
-
U04 Состояния Пустое состояние
Объясняет, почему данных нет и какое действие вернёт результат.После фильтра или в новой коллекции.
-
U05 Состояния Состояние ошибки
Сообщает причину сбоя и предлагает безопасный повтор.Для recoverable операции без потери введённых данных.
-
U06 Состояния Toast-уведомления
Подтверждает вторичное действие, не блокируя работу.Для копирования, сохранения и обновления; не для критических ошибок.
-
U07 Состояния Подтверждающий диалог
Предотвращает случайный сброс собранной конфигурации.Перед обратимым, но дорогостоящим для пользователя действием.
-
U08 Состояния Состояние успеха
Закрывает сценарий ясным результатом и следующим действием.После валидной многошаговой формы.
-
V01 Детали Светлая и тёмная темы
Адаптирует каталог к контексту чтения без потери контраста.Если обе темы спроектированы, а не инвертированы автоматически.
-
V02 Детали Шумовая бумажная фактура
Придаёт редакционной странице материальность без изображения-фона.Очень слабо и не под мелким текстом.
-
V03 Детали Glassmorphism HUD
Отделяет телеметрию от движущейся сцены, сохраняя глубину.Локально, при достаточной непрозрачности и контрасте.
-
V04 Детали Градиентная mesh-фактура
Создаёт цветовую глубину полностью кодом.На крупных пустых плоскостях, не за длинным текстом.
-
V05 Детали Анимированный фон
Показывает слабое дыхание космической среды.При очень низкой амплитуде и обязательном reduced-motion стопе.
-
V06 Детали Декоративный топографический разделитель
Связывает главы редакционной страницы без лишнего контейнера.Когда орнамент продолжает тему и не маскируется под control.
-
V07 Детали Пасхалка
Вознаграждает исследование каталога, не пряча полезную функцию.После основного сценария, с доступным явным способом открытия.
-
V08 Детали Контрастное выделение текста
Делает selection частью айдентики и улучшает ориентацию.В текстовых справочных страницах.
-
V09 Детали Container queries
Перестраивает карточку по доступной ширине, а не по viewport.В переиспользуемой зоне каталога и вложенных layouts.
-
V10 Детали Тактильные многослойные тени
Создаёт ощущение физической игрушки и ясное pressed-состояние.В playful UI, где это согласовано со всем языком страницы.
-
V11 Детали Системная цветовая схема
Согласует нативные controls и scrollbar с выбранной темой.На страницах с формами и переключением темы.
-
V12 Детали View Transition между режимами
Сохраняет визуальную непрерывность при смене вида каталога.Как enhancement с мгновенным fallback в неподдерживаемых браузерах.
-
S10 Скролл Collection-story в товарной витрине
Связывает ассортимент с коротким редакционным сюжетом, не мешая выбору.Для сезонной коллекции с одним ясным визуальным тезисом.
-
T08 Шрифт Сервисный hero с числовым обещанием
Сразу связывает услугу, измеримый результат и следующий шаг.Для студий и сервисов, где доверие важнее декоративной метафоры.
-
T09 Шрифт Стресс-тест типографики
Проверяет систему на zoom, длинной кириллице и пользовательских интервалах.До утверждения бренд-шрифтов и масштабов текста.
-
M12 Движение Товарная карточка с намерением
Показывает быстрые действия только после понятного входа пользователя.В плотной витрине, где hover дублируется focus и touch-кнопками.
-
M13 Движение Мини-галерея внутри карточки
Даёт оценить ракурсы без преждевременного перехода на PDP.Для визуальных товаров с тремя действительно различающимися видами.
-
M14 Движение Политика движения как модуль
Показывает допустимые motion-токены и эквивалентные reduced-состояния.При создании системной анимации, а не набора случайных easing.
-
G08 Графика Изображение товара в масштабе
Даёт понять физический размер без чтения сухих сантиметров.Для мебели, аксессуаров и других размерно-чувствительных товаров.
-
G09 Графика Code-drawn 360° viewer
Позволяет исследовать форму товара без тяжёлой видеопоследовательности.Для демонстрации механики с кнопочным и клавиатурным fallback.
-
G10 Графика Конструктор аватара
Создаёт нейтральный манекен для примерки без фотографии и камеры.Как приватный fallback виртуальной примерки.
-
G11 Графика Слой виртуальной примерки
Накладывает выбранный образ на аватар и показывает посадку.Для безопасного прототипа до подключения computer vision.
-
G12 Графика Карта студии с альтернативным списком
Показывает зоны выезда и адреса без внешнего картографического SDK.Для локального сервиса с небольшим числом точек.
-
G13 Графика Spatial-lab с безопасным fallback
Объясняет путь 2D → 3D → AR до запроса возможностей устройства.При проектировании XR, VTO и product media.
-
D10 Данные Расчёт даты доставки
Переводит абстрактную скорость в конкретную ожидаемую дату.Рядом с buy-area и в корзине.
-
D11 Данные Сравнение сервисных пакетов
Показывает различия состава и результата без скрытых условий.Для трёх-четырёх сопоставимых уровней услуги.
-
D12 Данные Социальное доказательство числами
Соединяет отзывы с объёмом выборки и измеримым результатом.Когда можно показать методику, а не безымянную цитату.
-
D13 Данные Scorecard стандартов
Сводит WCAG, CWV, privacy и budgets в проверяемую панель.Перед релизом и при сравнении вариантов реализации.
-
D14 Данные Performance-lab
Показывает влияние media, JS и long tasks на пользовательские метрики.До добавления тяжёлых интерактивов и после релизного build.
-
D15 Данные Матрица контраста состояний
Проверяет не только текст, но и focus, borders, disabled и charts.Для каждой темы и бренд-диалекта.
-
D16 Данные QA-матрица complete process
Связывает страницы, режимы ввода и проверки в один coverage ledger.Для приёмки многостраничного продукта, а не отдельного компонента.
-
I11 Модули Quick view без потери контекста
Показывает варианты и покупку поверх витрины, сохраняя место в списке.Для повторных покупок и хорошо знакомых товаров.
-
I12 Модули Multi-select facets
Позволяет комбинировать несколько свойств внутри одной группы.Для каталога, где один выбор не должен сбрасывать соседний.
-
I13 Модули Обзор применённых фильтров
Показывает причины сужения выдачи и даёт удалить каждое условие.В мобильном filter drawer и над результатами desktop.
-
I14 Модули Доступная product gallery
Разделяет основной кадр, ракурсы и текстовые описания.На PDP с небольшим, осмысленным набором media.
-
I15 Модули Объяснимый fit recommender
Предлагает размер и показывает, какие вводные повлияли на результат.Когда рекомендация не должна выглядеть магической.
-
I16 Модули Сравнение двух образов
Фиксирует разницу посадки, цвета и комплекта рядом.После настройки виртуальной примерки.
-
I17 Модули Bundle builder
Собирает совместимый комплект и явно показывает выгоду и итог.Для ограниченного набора дополняющих товаров.
-
I18 Модули Калькулятор сметы услуги
Показывает диапазон цены до отправки контактов.Когда итог зависит от масштаба, срочности и состава работ.
-
I19 Модули Календарь записи
Показывает реальные доступные даты без визуально пустых дней.Для локального расписания на ближайшие недели.
-
I20 Модули Профили специалистов
Помогают выбрать человека по специализации и доступности.Для сервисов, где исполнитель влияет на ожидания.
-
I21 Модули FAQ как decision aid
Отвечает на возражения рядом с решением, а не прячет их в футере.Для стоимости, границ услуги и подготовки к визиту.
-
I22 Модули Mobile & input lab
Проверяет target size, reflow, drag alternatives и focus visibility.Перед релизом любого touch-интерфейса.
-
I23 Модули Commerce pattern lab
Собирает list, PDP и checkout правила в один проверяемый поток.При проектировании магазина от выдачи до успеха.
-
N08 Навигация Мини-корзина drawer
Показывает состав и итог без потери текущего товарного контекста.После добавления товара и при быстром редактировании количества.
-
N09 Навигация Мобильная sticky buy bar
Сохраняет выбранный вариант и действие у большого пальца.На длинном PDP, если панель не закрывает контент и фокус.
-
F07 Формы Variant swatches
Показывает варианты цветом и текстом без неоднозначного select.Для небольшого числа визуально различимых вариантов.
-
F08 Формы Открытый выбор размера
Делает доступность размеров видимой до открытия меню.Для одежды, обуви и размерных конфигураций.
-
F09 Формы Guest checkout
Позволяет завершить заказ без обязательной регистрации.Как основной или равноценный путь в checkout.
-
F10 Формы Privacy preflight VTO
Объясняет данные и fallback до потенциального запроса камеры.Перед AR, примеркой и любым media permission.
-
F11 Формы Доступные временные слоты
Показывает длительность, часовой пояс и недоступность прямо в выборе.После выбора даты и специалиста.
-
F12 Формы Lead form с живой валидацией
Сохраняет контекст заявки и исправляет ошибки рядом с полями.После расчёта или выбора слота.
-
F13 Формы Конструктор brand board
Формирует новый визуальный диалект на общих semantic roles.В начале каждого сайта, до рисования случайных экранов.
-
U09 Состояния Wishlist с локальным состоянием
Сохраняет намерение и показывает его во всей витрине.Когда сравнение или решение откладываются.
-
U10 Состояния Состояние наличия
Объясняет stock, остаток и последствия выбранного варианта.Рядом с вариантом, доставкой и CTA.
-
U11 Состояния Успех заказа без транзакции
Закрывает демонстрационный checkout резюме и следующими действиями.В локальном прототипе без реального платежа.
-
U12 Состояния Статус живого чата
Показывает online, очередь и асинхронную альтернативу.Для сервисов с ограниченными часами поддержки.
-
U13 Состояния Подтверждение записи
Закрывает бронирование точным резюме даты, места и контакта.После валидного выбора слота и формы.
-
V13 Детали Переключение плотности витрины
Меняет list/grid под задачу без потери сортировки и фильтров.В каталогах с разным визуальным и сравнительным режимом.
-
V14 Детали Конфигуратор материала
Показывает цвет, фактуру и состав на одном товарном объекте.Для кастомизируемых изделий с ограниченным числом параметров.
-
V15 Детали Легенда зрелости практик
Отделяет норму от guidance, исследования и experimental идеи.В базе решений, чтобы не выдавать мнение за стандарт.
-
V16 Детали Инспектор design tokens
Показывает цепочку primitive → semantic → component и бренд-диалекты.Для масштабируемой темы с единым source of truth.
-
S11 Скролл Нативный scroll-conductor камеры
Связывает обычную прокрутку с движением камеры, не перехватывая wheel, touch и историю браузера.Для одной сюжетной 3D-сцены, где смысловые главы остаются в DOM.
-
S12 Скролл Камерный ledger по главам
Фиксирует для каждой главы позицию, цель, FOV, свет и мобильную композицию.Когда пространственная история должна быть воспроизводимой, а не собранной из случайных tweens.
-
T10 Шрифт Типографика в безопасных зонах сцены
Сохраняет иерархию и контраст текста на меняющемся 3D-фоне.Для кинематографических глав с заранее размеченными зонами света и движения.
-
M15 Движение Обратимая интерполяция камеры
Делает переходы между главами плавными и одинаково понятными в обе стороны.Для scroll-driven сцены без накопительной физики и необратимых состояний.
-
G14 Графика Один persistent WebGL-мир
Сохраняет пространственную непрерывность между главами вместо перезагрузки отдельных сцен.Для одной flagship-истории с общим миром и строгим ресурсным бюджетом.
-
G15 Графика Слоёная атмосфера сцены
Создаёт глубину светом, туманом и частицами без копирования готового арта.Когда атмосфера направляет взгляд и меняется по главам, а не закрывает содержание.
-
D17 Данные Runtime-бюджет 3D-сцены
Показывает frame time, DPR, число объектов и текущий уровень качества.Во время разработки тяжёлого WebGL и полевого device QA.
-
I24 Модули Адаптивный quality governor
Снижает стоимость рендера раньше, чем сцена начинает дёргаться или перегревать устройство.Для WebGL на heterogeneous mobile и desktop устройствах.
-
N10 Навигация Навигация по пространственным главам
Даёт перейти к сцене напрямую и показывает место в маршруте вне 3D-канваса.В длинной иммерсивной истории с тремя и более главами.
-
U14 Состояния Лестница WebGL → 2D → poster
Сохраняет историю при WebGL failure, reduced motion, low quality и отключённом JavaScript.Для любого декоративного или смыслового 3D-слоя.
-
V17 Детали Cinematic style guide
Связывает color script, типографические safe zones, материалы и контраст с главами сцены.До производства арта и 3D, чтобы эффект не расползался в набор случайных решений.
-
G16 Графика Foreground handoff между главами
Превращает непрерывный путь камеры в читаемую монтажную передачу с помощью самостоятельного ближнего плана.Когда новый ракурс должен ощущаться как новая композиция без жёсткой замены 3D-сцены.
-
V18 Детали Редакционные still plates
Добавляет главам отдельные авторские кинокадры, которые дают детализацию без раздувания постоянного 3D-мира.Для смысловых макро- и establishing-кадров внутри текста, а не вместо доступного содержания.
-
G17 Графика Сдержанный cinematic post-stack
Собирает изображение зерном, виньеткой, дымкой и выборочным свечением, сохраняя иерархию сигнала.После утверждения света и композиции; эффект не должен маскировать слабую сцену.
-
M16 Движение Сюжетное движение по главам
Даёт каждому эпизоду собственное причинное движение вместо одинаковой декоративной анимации всего мира.Когда течение, импульс, авария и восстановление должны читаться без пояснения эффектом ради эффекта.
-
I25 Модули Перцептивные quality tiers
Делает Eco, Balance и Detail заметно разными по картинке, сохраняя одинаковую историю и доступность.Когда ручной выбор качества должен объяснять реальную экономию, а не менять только невидимый DPR.
Ничего не совпало.
Попробуй более общий термин или верни все категории.
Как это проверяется
Не подпись,
а контракт.
Что считается отдельным приёмом?
Уникальная техника с собственной задачей, DOM-якорем и наблюдаемым proof. Одна красивая секция не превращается в пять пунктов из-за пяти CSS-свойств.
Как исключены мёртвые controls?
Каждая кнопка либо меняет состояние, либо ведёт к реальному якорю. Browser QA проходит клики, клавиатуру, touch и проверяет, что интерфейс ответил.
Что остаётся без JavaScript?
Каталог, содержание демо, таблицы данных, подписи и ссылки. Сложные эффекты деградируют до статичной сцены, а не до пустого экрана.
Откуда графика?
SVG, Canvas, CSS и WebGL написаны для витрины. Фотосцены «ПОЛЯ 47» сгенерированы по собственной арт-дирекции; локальные шрифты Manrope и Literata распространяются по OFL.
Выдели этот текст.
Контрастное выделение работает в обеих темах и не меняет геометрию.
Ширина решает
Композиция зависит от контейнера, а не от всего окна.
Есть пасхалка.
Введи Konami-код или открой её явно — полезное не спрятано.