1. Getting started

Everything is plain HTML, CSS and JavaScript with no build step and no dependencies. Open any .html file to edit a page, or drop the whole folder on any static host and it runs as it is.

Colours, type and spacing are CSS custom properties declared once at the top of assets/css/styles.css. Change a value there and it updates everywhere it is used, across every page.

The Style Guide shows every colour, heading level, button and form control the template uses, on one page. It is the fastest way to see what a change to a custom property will affect.

Icons in this template are custom made, SVG code embedded elements. They are written inline in the markup, so you can change a size, a stroke or a colour by editing the Width Icons in this template are custom made, SVG code embedded elements.

If you still have any confusion or need clarification on anything, feel free to reach out to us directly. You can contact us via email at hello@waidastudio.com.We’re happy to help!