Say Hi 👋 to Hashnode's "Design Refresh"!

Hi all, thanks for being a part of our healthy community of software developers. At Hashnode, we love reading all the feedback from our users, and we take them seriously. With this "Design Refresh" our target was to improve various sections of Hashnode instead of completely redesigning them. We had two primary goals with this design:

  1. Clean and distraction-free
  2. Improved readability

If you have recently visited Hashnode.dev , you might have expected this change is coming to Hashnode.com very soon. When we announced the alpha release of Hashnode.dev two weeks back, many users loved the clean interface and its ease of use. We liked those changes too, and we were eager to bring that design language to Hashnode.com.

So, here are a couple of prominent changes, if you haven't noticed them already:

  1. We started by making the background white (#FFFFFF), to make the whole website look bright and fresh.
    Screenshot 2019-03-28 at 8.21.17 PM.png
  2. We reduced the width of the website from 1400px to 1270px. It helped in reducing the stress on eyes and mouse movement between various sections.
  3. Fewer boxes or cards. Components present on the right column and left columns do not have borders anymore. Instead, we used more spaces to make them look different. As per our new design rules, only the cards in the feed will have boxes to grab user attention.
  4. Better post cards: we got rid of unnecessary negative spaces to create uniformity inside post cards. The tags have a logo beside them, and the post brief is back. Many users complained that they have to load the post to read more about it. With post brief, you won't have that problem now.
    Screenshot 2019-03-28 at 8.21.17 PM copy.png
    Also, post cards will now help you easily differentiate between questions, stories, and AMA with the help of big and bold labels. Post cards without labels are stories. labels.jpg
  5. The all-new Beautiful Story Canvas: The new story pages are full width and clean. They have no sidebars or prompts. Your rich posts with code snippets, embeds and screenshots are expected to look better now!
    Screenshot 2019-03-28 at 9.03.58 PM.png
  6. The new author card below every story: This new card is expected to give authors more exposure. Show off your Twitter and GitHub profiles and get more followers.
    Screenshot 2019-03-28 at 9.06.21 PM.png
  7. And many other misc UX changes which you will notice in various areas if you are an active Hashnoder.

As always, we are very eager to hear your feedback on this Design Refresh.

Do you like it? Do you hate it? Do you want some improvements? Please write them down in the comments. Your suggestions will help us build a better community for developers. Cheers! 🍺

Syed Fazle Rahman's photo

Syed Fazle Rahman

Bengaluru, India

fazlerocksfazlerocks
Write your comment…

20 comments

I can't overstate how much I appreciate the new design, in particular the pointed emphasis on readability and reduced eye strain.

For many years now, and I'm not certain why, I've had such difficulty working my way through articles online that I tend to rely on TTS programs such as the native offering in Mac OS or the Speechify extension for Chrome.

Unfortunately, I find that these can be rather embarrassing to use in public as they've brought questions like "are you dyslexic?" -- Nothing wrong with that, just feels a touch uncomfortable since I'm not really sure myself. One that really stuck: "You don't know how to read?" I can read; it just depends.

Anyway, something about the design on this particular page--thinking largely it's the reduced width--made it so I felt no need for those crutches, and that is not a common thing for me. Really nice work and excellent design principles. Kudos for days, truly.

Hello, I loved the UI. That's nice. You need to update site tour page. It's outdated.

Reply to this…

Hashnode is a friendly and inclusive dev community.
Come jump on the bandwagon!

  • 💬 Ask programming questions without being judged

  • 🧠 Stay in the loop and grow your knowledge

  • 🍕 More than 500K developers share programming wisdom here

  • ❤️ Support the growing dev community!

Create my profile

Totally in love with the new design ❤️

Reply to this…

Loving the new changes! Lot more cleaner and easier for the eyes :)

Reply to this…

This is really cool and it make me feel there is large space available in new feed section. I see some profile section(post, stories, series) alignment issue in dark mode also. Hope it will be fixed soon. Love this overall design.

Thanks, Dhanushka. We are upgrading profiles and tag pages next.

Reply to this…

Hashnode’s already excellent design is now even better.

Thanks for providing such a tremendous resource.

Congratulations to everyone on the team

Reply to this…

Load more responses