It’s not your eyes, it’s not your monitor, and it’s certainly not Ubuntu: this does indeed look a bit different today.

Admittedly it’s nothing major, but the site has undergone a once-over. We’ve refactored our CSS, added some new (and some secret) features, and finally ditched that dingy dark purple masthead — why didn’t you tell me it looked terrible sooner?! 😅

I don’t normally announce site design changes. In fact, the last time we did was back in 2010!

I’m not using the royal ‘we’, either. I may do the bulk of the writing/typo making around here but I am not on my own. Sam handles the rump end of the omg beast, and is periodically tasked with turning my imprecise mockups into tangible code — what a champ!

“So,” you may be thinking, ”Why mention this revamp at all?”.

Fair question, cos usually we don’t. The last time we dedicated a written post to a site redesign was back in …2010. And there have what, like six mahoosive revamps since then?

Hands up if you remember the one with GIANT TILES? 😉

I’m not a big song-and-dance person. I’m pretty shy in real life. As such I prefer to roll things out quietly. But this time I feel like shouting about it. I’m excited! I think this is the best omg! ubuntu! has ever looked — yes, even better than when we had Keith the koala in our header 😉:

screenshot of old omgubuntu website design
What a cutie!

I am not a designer (as I like to remind people) so getting here was hard. It’s hard to appreciate just how many small details that don’t matter on paper actually have a big effect on usability. To that end I want to thank omg! ubuntu! Twitter followers, whose opinion I regularly polled on changes through self-destructing “yay or nay” tweets.

I’ve always felt like omg! ubuntu! works because it’s

So what’s actually changed?

The most striking change (imo) is the return to a “disco” gradient in the masthead and in the footer. Not only is this a nice thematic mirror of the fact our content spans the spectrum of Ubuntu, but it’s bright and engaging — which (I like to think) is representative of the kind of content we post.

Masthead colour aside, one of the biggest visual uplifts comes from something incredibly simple: adding a drop shadow and rounded corners to the homepage slider. Featured posts literally lift off of the page now, making a better ‘first impression’ to new and existing readers alike:

Inspired by GNOME 40: we’ve embraced radius

The curved mask behind helps unify the mast head and the content area in a way that the old over-sized “block” didn’t.

We also wanted to reduce and refine the amount of hover effects we used across the site. Moving your pointer over the old page triggered a crescendo of transitions, effects, and opacity changes. One or two on their own is okay but it was a veritable 20-piece orchestra of change! So we’ve dialled back on superfluous hover effects, and unified the behaviour of the ones we do use.

Other “noticeable” things you can see right now:

  • Introduced curves to the masthead
  • Improved link styling
  • Improved the look of buttons
  • Refined site wide colour palette
  • Better font sizing and spacing (especially on HiDPI)
  • Helpful 404 and ‘no search results’ pages
  • Better site search appearance
  • A mobile menu that works
  • Restyled ‘related posts’ widget

Then there’s a bunch of stuff you can’t see yet. We’ve worked to create a selection of bespoke homepage modules. These can be used to create varied homepage layouts that do more than just serve a function, but act as a starting point to exploring more of what omg! has to offer.

Let’s talk fonts.

Although we continue to use Quicksand as our “flourish” font (e.g., in headlines, slider, in-post pulls, etc) we continue to default to using your operating system’s default UI font for everything else. This latter decision is why the “look” of the site does vary between Windows, macOS, Linux, Chrome OS, and Android. A few of you thought it was a font cache bug, but no: it is by design!

Since I’m talking about things I rarely promote I will take the opportunity to remind you we have a free Chrome extension in the Chrome Web Store. It’s a memory efficient way to get notified of new posts as they’re published, without needing to visit the site, open Twitter, or load up an RSS reader.

If you can’t notice any changes at all that’s fine too. The heavy duty part of this work isn’t strictly “user facing”. That said, do keep an eye out. You may begin to notice new things in articles, in the sidebar, and on the homepage over the coming weeks.

But the most pressing reason why this redesign matters more than others is …me.

This minor redesign makes me me feel like I finally have all of the editorial bells and whistles I’ve wanted — the kinds of bells and whistles that will help me create the kind of content people bookmarked omg! ubuntu! in the first place.

Some of the new features I’m excited to use will require fresh content. If we’re all honest, I’ve been majorly slacking in that regard for the past few months. But with these changes I feel prepped. I’m excited to get back to doing what I love doing more than anything else: blogging.

Editorial site stuff