1. Getting started
Install with
npm install and start the dev server with npm run dev. Every page is a route under src/app/; npm run build prerenders all of them to static HTML, which any host can serve.2. Customization
Colours, type and spacing are CSS custom properties declared once at the top of
public/assets/css/styles.css. Change a value there and it updates everywhere it is used, across every page.3. Style Guide
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.
4. SVG
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.
5. Still Confused?
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!