diff --git a/_posts/2024-10-11-our-new-design.md b/_posts/2024-10-11-our-new-design.md new file mode 100644 index 0000000..b01d7ed --- /dev/null +++ b/_posts/2024-10-11-our-new-design.md @@ -0,0 +1,33 @@ +--- +title: New Design for RubyGems.org +layout: post +author: Martin Emde +author_email: me@martinemde.com +--- + +We are excited to announce the initial release of the new design for RubyGems.org! + +The new design is the result of a collaboration with UX designer [Ian Taylor](https://www.taylordesign.co) and the RubyGems.org core team. +Eventually, the full refresh of the site aims to meet our goals of modernizing the design and improving the usability of RubyGems.org for all of our users. + +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: + + + +Dark mode: + + diff --git a/images/hammy-dark.png b/images/hammy-dark.png new file mode 100644 index 0000000..7d290c6 Binary files /dev/null and b/images/hammy-dark.png differ diff --git a/images/hammy-light.png b/images/hammy-light.png new file mode 100644 index 0000000..9d4f6c2 Binary files /dev/null and b/images/hammy-light.png differ