Documentation
Brisk is a single stylesheet. Link it, then write semantic HTML — the defaults do the rest.
Install
Reference the stylesheet from the edge:
<link rel="stylesheet"
href="https://cdn-fra1.tyrnet.net/assets/style.css">
Or vendor the file into your project and serve it yourself. There is no JavaScript and no build step.
CSS variables
Override any of these on :root to theme the page:
| Variable | Default | Purpose |
|---|---|---|
--fg | #1c2330 | Body text |
--bg | #ffffff | Page background |
--accent | #2f6df6 | Links and buttons |
--radius | 12px | Corner rounding |
--maxw | 920px | Content width |
Layout helpers
Three optional classes cover most content pages:
.wrap— centered content column capped at--maxw..grid— responsive three-up card grid that collapses on narrow screens..layout— docs-style sidebar + article split.
FAQ
Does it need a bundler? No. It is one static file.
Is there a JavaScript runtime? No. Brisk is CSS only.
Can I self-host it? Yes — copy style.css into your assets.