Brutstrap is a CSS theme for building a brutalist website: one where the website, as shown in your browser, is an accurate representation of the HTML document it is displaying.
- The website people see is the website in the HTML file. As David Byant Copeland says in his definition, brutalist websites should be "raw content, true to [their] construction." Here, that means the content is represented as a single column, flowing left to right and top to bottom.
- Only links, inputs and buttons should respond to clicks. A website should allow two means of interaction: a hyperlink that brings you to a destination, and form which submits information to a server.
- Related content should be on the same page. A website is not a printed document and has no need for pagination. And, counter, unrelated content should not be on the page, or should be clearly labeled. (Advertisements, even targeted, count as unrelated.)
- Components should be named what they are. Typography and printing have diverse lexicons and should be used when available.
- Design should be helpful. Styling should be to help reinforce the context that your content has.
To use Brutstrap, you can download the repo from git.sr.ht/~emsenn/brutstrap.
This is an example advertisement.
I'm not actually interested in advertising to you, but if you want to spend money, I'll take it.
This is where I'd politely tell you that the above is an advertisement.
- NOT support for forms, figures, or anything like that - yet.
Invert the color of a section with
Make links colorful with the