Using the design system
The build auto-injects /assets/hub.css plus Rough.js into every
page, so you get the gazar brand tokens, typography, and a hand-drawn look on
cards, buttons, and dividers with zero boilerplate. Layout uses one consistent
wide container everywhere.
These buttons and the card grid below are drawn sketch-style by Rough.js:
Sketchy card
Add class="hub-card" and Rough.js draws the border + paper fill.
Opt-in shapes
Put data-rough="rect" on anything to sketch it.
Code blocks
cp -r pages/welcome pages/my-new-page
# edit pages/my-new-page/index.html
git add . && git commit -m "add my-new-page" && git push
That's the whole workflow. The build script auto-lists your page on the home grid.