Typographic effects only use css, among them using properties for example data-paper3d is useful to give effect to the text, and among others use animation keyframes that you can set manually if you want text with enough amount.
The use of property: before and after is pretty much in use, this is usually in use to provide additional effect on the text. For example the skew effect on paper3d
If you correctly use this typography in the header, make sure the container has a relative position, because by default the position of the text is absolute in the middle
To change the text you want to use, you just focus on one file that is style.maintenance.css, this is the uncompressed version