xmoonlight

https://www.pacogames.com/
https://gamemonetize.com/

Тут ВСЁ!

Добавлю свой вариант со шрифтом (параметры и сегментацию по сетке - подберите сами).

div[class^="box"] {
  font-size: calc(24px + 0.7 * (1vh - 1.6vw));
}

Добавить в самый низ CSS файла.

Подготовка json (по всем страницам!) как "указателя" слов (и их сочетаний) в соответствии с URL.
Обработка этого json через js.

Спрайт-карта,
Музыка и звуки - отдельно два файла (+то же содержимое: файлы в другом формате)

Звуки - одним звуковым файлом в разных форматах: навигация проигрывания - через смещение (перемотку).
Кол-во каналов - клонирование объектов.

Грузим всё однократно, кэшируем.
Взаимодействие с сервером - только json.

Если и есть, то только у Adobe'а в закрытом коде своих продуктов.
А так - нужно каждое позиционирование дробить на более мелкие задачи и потом строить архитектуру и "дерево" зависимостей, по которому сверять и собирать всё с нужными параметрами.
Непросто это...

Смотря для каких целей делаете страницу...
Просто "склеить" на js можно этим (работает и без редактора).

table - наше всё!))

Для 4K нужно использовать изображения высокого разрешения, шрифты и отступы должны адаптивно сайзиться так, чтобы не портить удобство UI/UX.
Всё это делается либо через отношения размеров (calc() и дроби: пример), либо проценты высчитываются при формировании таблицы стилей и "жёстко" прописываются при создании вёрстки (создаётся фиксированная сетка разрешений экрана).

Плитка критериев: цвет, размер и ниже - плитка изображений, согласно критериям.

Точно так же.

Если CMS требует строго заданного именования css-классов при вёрстке макета в шаблон, то это плохая CMS, и ею не нужно пользоваться.

Всё должно обрабатываться с помощью генерации шаблона через серверный код нужного блока вывода и нужный js-код для обработки событий после рендеринга на стороне клиента (в браузере).

Здесь

Да-где угодно в инете - были бы нужные и глубокие знания js.
github-портфолио - было бы неплохо подготовить для резюме.