шаблон нормальный, и да jade (pug) ускоряет верстку (если им уметь пользоваться), но скажу так: кто Вас заставляет использовать именно этот шаблон? На github разве мало других сборщиков без того же jade (pug) и тем более без stylus (лично предпочитаю только sass)
Frel: span - строчный элемент, и его размеры - это его содержимое, и соответственно выровнять вы ничего не можете при этом (размер = содержимое), но вот задав выравнивание родителю, вы получите желаемое
Дима Турков: Вы не поняли, есть header абсолютом поверх слайдера, и он изначально прозрачный, при скролле (скролл блочный) header меняет стили, первое это цвет. Все просто.