From 86b4012ec08b83f5c21f1e4b26c8b811b83497c4 Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Fri, 4 Mar 2022 13:55:35 -0800 Subject: [PATCH] Mention Brutalist Web Design --- content/posts/website-best-practices.gmi | 12 ++++++++++++ content/posts/website-best-practices.md | 21 ++++++++++++++++++++- 2 files changed, 32 insertions(+), 1 deletion(-) diff --git a/content/posts/website-best-practices.gmi b/content/posts/website-best-practices.gmi index 35707f4..81596af 100644 --- a/content/posts/website-best-practices.gmi +++ b/content/posts/website-best-practices.gmi @@ -321,6 +321,18 @@ Underlines also make it easy for readers with color vision deficiencies to disti ## Other places to check out +This page can be thought of as an extension of the principles of Brutalist Web Design: + +* Content is readable on all reasonable screens and devices. +* Only hyperlinks and buttons respond to clicks. +* Hyperlinks are underlined and buttons look like buttons. +* The back button works as expected. +* View content by scrolling. +* Decoration when needed and no unrelated content. +* Performance is a feature. + +=> https://brutalist-web.design/ Brutalist Web Design + The 250kb club gathers websites at or under 250kb, and also rewards websites that have a high ratio of content size to total size. => https://250kb.club/ The 250kb Club diff --git a/content/posts/website-best-practices.md b/content/posts/website-best-practices.md index 30a1c5d..0c1d5ad 100644 --- a/content/posts/website-best-practices.md +++ b/content/posts/website-best-practices.md @@ -1,6 +1,6 @@ --- date: "2020-11-23T12:21:35-08:00" -description: A lengthy guide to making small sites that focus on content rather than form. +description: A lengthy guide to making simple and accessible sites that focus on content rather than form. Emphasizes brutalist web design, adaptability, and minimalism. outputs: - html - gemtext @@ -284,6 +284,25 @@ Underlines also make it easy for readers with color vision deficiencies to disti Other places to check out ------------------------- +This page can be thought of as an extension of the principles of Brutalist Web Design: + +
+
+
    +
  • Content is readable on all reasonable screens and devices.
    • +
  • Only hyperlinks and buttons respond to clicks.
    • +
  • Hyperlinks are underlined and buttons look like buttons.
    • +
  • The back button works as expected.
    • +
  • View content by scrolling.
    • +
  • Decoration when needed and no unrelated content.
    • +
  • Performance is a feature.
    • +
+
+
+ — {{}}, +
+
+ The [250kb club](https://250kb.club/) gathers websites at or under 250kb, and also rewards websites that have a high ratio of content size to total size. The [10KB Club](https://10kbclub.com/) does the same with a 10kb homepage budget (excluding favicons and webmanifest icons). It also has guidelines for noteworthiness, to avoid low-hanging fruit like mostly-blank pages.