Now that HYVOR has multiple products, we found ourselves repeating ourselves when designing frontends for each product. Therefore, we spent the last few months designing an open-source design system to use as a base for all products.
Then, we re-wrote the front end of Hyvor Blogs in 4 weeks, using our new design system. You will notice the UI upgrades on the website and in the Console.
A new font
Ishini insisted that we migrate to this beautiful, open-source, elegant font, Readex Pro.
![Readex Pro](https://hyvor.com/blog/media/AF1kLKSiJLfryT0PpVBuFzoZvwzZYfjbEB0jdRfB.png)
Hyvor Blogs now uses this font. We’ll be updating the font across HYVOR very soon!
Post-editor layout changes
Well, we went through multiple changes to the post editor. This time, we focused on giving more space to what matters without cluttering the interface.
![](https://hyvor.com/blog/media/Z6By0rrCXDvE1vmIWm5uKzOts80mslgj7dJ4L2m6.png)
Linking made easier
In the Console, you can now link to headings and posts seamlessly.
When you add a link, Hyvor Blogs will show the headings in the current post to make linking to them easier.
![Linking to anchors in the Hyvor BLogs](https://hyvor.com/blog/media/0IyYWVhp2oasiD80bx1r8NEDyxurM39pDktRGCjO.png)
You can also now search and link to your posts in a few clicks.
![Linking to posts in the Hyvor Blogs Console](https://hyvor.com/blog/media/RJ12pdlPbHCcRKK0TCQPBSYCyE1cWwMNB6R3EGsZ.png)
Excalidraw
The famous drawing tool, Excalidraw, is now embedded within the image uploader to help you quickly draft a sketch as you write.
![Excalidraw embedded](https://hyvor.com/blog/media/ljBIPGvtkbk2CfrjIWuKAqn7eGhOQnEWEJ7SSOno.png)
Know what you change!
Editing a published post is risky business. Now, we display all the changes you made before updating a published post.
![Updating a post](https://hyvor.com/blog/media/MnL1sqYqQtRWI85OJWUxBdy1h3rvDYaOVfghLkmx.png)
New Landing Pages
We have given some love to our landing pages as well. Also, with a new “temporary blog” feature that allows you to create a blog in a couple of seconds to test Hyvor Blogs.
![new landing pages on Hyvor Blogs](https://hyvor.com/blog/media/KjF6N4PoHZ0MIKEy4SuDKyi6I0IuEuuxNSRPo0fi.png)
We hope you enjoy the new UI update. More features are coming very soon!
Comments