Brutalist web design
The major guidelines of the Brutalist web design 1 are:
Content is readable on all reasonable screens and devices
It also works with the Kristall2 lightweight browser, a browser for HTTP(S)/Gemini/Gopher without JS/CSS/WASM support.
This is achieved, generally, by using the following:
- Use of headings and subheadings to help break up content and make it easier to scan and read.
- Lists to organize information
- Examples and illustrations to helpt clarify complex concepts.
- Consistent formatting. This directly related to other points, sucn as buttons, hyperlinks, decorations, etc.
Only hyperlinks and buttons respond to clicks
👍 This guideline is followed by this site. Buttons and hyperlinks (textual and TOC links) are the only way to navigate content (except for standard browser navigation, i.e. back button)
Hyperlinks are underlined and buttons look like buttons
😬 Not really followed.
Hyperlinks are highlighted, rather than underlined.
👍 This guideline is now mostly followed by this site. Hyperlinks look like hyperlink and buttons look like buttons, though.
The back button works as expected
👍 This guideline is followed by this site. This site does not implement routers, history hijacking, etc. Hyperlinks and browser navigation are the only way to get around.
View content by scrolling
👍 Vertical scrolling, specifically.
Decoration when needed and no unrelated content
👍 This guideline is followed by this site. Decoration is judicious and mostly through colour. No splash images too.
Performance is a feature
👍 Performance is an important concern.
- An area of work is image optimisation, since this the heaviest part of the site