Что такое "тип вёрстки" — затрудняюсь.. Тут верстальщик хотел сверстать лендинг, но случайно нашёл плагин scrollmagic.io... И не смог остановиться )

Если интересно как сделать подобное, смотрите примеры: scrollmagic.io/examples/index.html, читайте доку.

Но пользуйтесь в меру. Не как в приведённых вами шаблонах.

Bootstrap содержит много лишнего по причине своей универсальности, приспособленности "на любой случай".
После n-ого десятка проектов накопился свой багаж решений. База для форм, кнопок, галерей, комментариев и т. д. Все решения лаконичные, без лишнего мусора и благодаря этому легко масштабируются под новые проекты.
Сетка опять же своя. Была создана однажды и дополнялась/редактировалась от проекта к проекту пока не стала условно идеальной.

Добавить к body класс, и к нему привязать появление и анимацию меню, например так:
https://jsfiddle.net/Ganta/soepj68a/

Будьте осторожней с подобными плагинами. В основной массе они сильно косячат на устройствах, обязательно нужно тщательно тестировать и в эмуляторах и на устройствах.
Из готовых решений прилично работает mmenu.frebsite.nl.

youpush.ru/demo.svg
Как сделал:
1. В графическом редакторе упростил цвета, выкрутил яркость чтобы убрать все полоски и прочее лишнее с картинки.
2. Открыл в Illustrator, трассировал, сохранил в SVG.
Дальше этот SVG можно использовать в HTML документе.