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..55fb2c9 --- /dev/null +++ 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: me@martinemde.com +--- + +We are excited to announce the initial release of our new design! + +Over the past year we have been collaborating with our UX designer and friend [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 mostly static, non-critical content like [About](https://rubygems.org/pages/about) and [Data](https://rubygems.org/pages/data) which helps us ensure a smooth release. +The new design aims to support the full range of devices, browser widths and, much to my relief, features dark mode! + +**As part of the roll out strategy, we are prioritizing stability over a "big reveal".** + +Please let us know if you run into any usability problems by [filing an issue on GitHub](https://github.com/rubygems/rubygems.org/issues) (include a screenshot and device info) or even 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