Brutstrap

Principles

• 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.

Usage

To use Brutstrap, you can download the repo from git.sr.ht/~emsenn/brutstrap.

Credits

• David Bryant Copeland for defining "brutalist web design."
• Whoever made the motherfucking website.
• Matthew Graybosch, whose variation on the motherfucking website made learning HTML and CSS seem feasible and worthwhile.