Brand refresh 2025

[querkmachine]

Changes up some colours, some fonts, and the layouts of the homepage and blog posts.

Changes

• Swapped Space Grotesk for Hubot Sans.
  • I love me Space Grotesk but the lack of true italics and other variable axes was limiting how much I could use it.
• Altered colours throughout the site. It's still purple and green, but different.
  • Dark mode uses a more vibrant purple that stands out better and provides enough contrast to pass 3:1 minimum contrast for UI elements. Fixes Tabs use colour alone to indicate the current tab #91.
  • The page background is a bit darker in light mode so it's hopefully a little less eye-strainy.
  • I think the visited link colours still need a bit of tweaking, but they're OK enough for now.
• Refactored template- and page-specific CSS.
  • This CSS is now bundled into files so that it's cached across page loads.
  • The classes have all been standardised to fit the sick and twisted form of BEM the site uses everywhere else.
• Removed 'spots' motif from homepage, 404 page, and OpenGraph images.
  • It's a little buggy and slows loading, and I'm not sure it really added much other than some visual noise?
  • The 'celebratory days' colour theming this had has been moved to the border at the top of the page.
  • Closes Spots animations glitch out on window resize #86.
• Generally changed up the layout of the homepage.
  • I ended up removing the noodle-on-laptop image to help the page look cleaner overall, but I want to put it back somewhere!
  • Webrings and buttons now appear as part of the homepage content instead of as an extension of the footer.
  • Simplified trans rights message styling.
• Generally changed up the layout of generic pages and blog posts.
  • These pages have been rewritten to use CSS grid layout instead of relying on the basic grid classes.
  • The 'on this page' table of contents is now on the right.
  • Blog posts now list tags and next/previous navigation at the bottom, in the same column as the table of contents.
  • Generic pages now show updated dates in the same place as blog posts.
• Updated layout of Ash the Amphimorpho page.
  • Swatches now appear after basic information, and supporting links have moved to the bottom of the page.
• Updated colophon, brand, and accessibility statement pages.
  • New design means those things are different now!