New design blog post

rubygems · Oct 11, 2024 · e2e7e4e · e2e7e4e
1 parent 9dffb2b
commit e2e7e4e
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/_posts/2024-10-11-our-new-design.md b/_posts/2024-10-11-our-new-design.md
@@ -0,0 +1,31 @@
+---
+title: New Design for RubyGems.org
+layout: post
+author: Martin Emde
+author_email: [email protected]
+---
+
+We are excited to announce the initial release of our new design!
+
+Over the past year we have been collaborating with UX designer [Ian Taylor](https://www.taylordesign.co) to modernize the design and improve the usability of RubyGems.org.
+
+The design will be released incrementally and we've chosen the `/pages` routes to be refreshed first.
+These pages contain non-critical mostly static content, allowing us to release the design without risking problems for our users.
+
+**As part of the roll out strategy, we are prioritizing stability over a "big reveal".**
+
+The new design aims to support the full range of devices/browser widths and (much to my relief) includes a dark mode theme!
+Please let us know if you run into any usability problems by [adding an issue to the project on GitHub](https://github.com/rubygems/rubygems.org/issues) or, better yet, opening a PR to fix the problem.
+We want to ensure the site remains functional for everyone!
+
+## Help us review the design on your devices
+
+Shortly after this blog post is published, you can visit [About](https://rubygems.org/pages/about) and [Data](https://rubygems.org/pages/data) to see examples of the new design.
+
+Light mode:
+
+<img src="/images/hammy-light.png" width="100%" />
+
+Dark mode:
+
+<img src="/images/hammy-dark.png" width="100%" />
diff --git a/images/hammy-dark.png b/images/hammy-dark.png
diff --git a/images/hammy-light.png b/images/hammy-light.png