More options for your docs! MOOOOOOORE! And a lot of fixes to make the experience worth your while.
This version was released on July 21, 2022
With this version, we heavily focused on improving your experience and options when creating the documentation. So many bugs squashed, and so many nice things added!
Apart from focusing on Docs, we are also bringing the improved import flow to handle larger files and larger sets of linked files. We have also introduced better way how we resolve custom domains, which makes configuring your custom domains even easier and supports all different edge cases you have reported us! Now, without further ado, let's look at what this release has in store.
Token blocks are one of the most critical pieces of any documentation and we made them 10 times better. Previously, token blocks (detail, grid, list) were limited to a specific mode of rendering, but that is not the case. It is now possible to select from several variants of each block from the variant menu:
Each token block now has 5 different modes to choose from
And because this documentation is created using Supernova, let's look at how they look like when you use them in your documentation site!
With tables, you can show a lot of information quickly, and bring attention to the values instead of the visual representation. Great for long lists of tokens and overviews of styleguides in general.
1 column variant allows you to highlight detail of one specific token in its full glory:
rgb(58, 121, 189)
2 column variant is great to highlight difference between foreground and background color!
rgb(69, 62, 150)
rgb(255, 255, 255)
For the times when 2 is just not enough.
rgb(182, 64, 59)
rgb(120, 199, 103)
rgb(170, 210, 244)
Similarly to table 4 column variant can accomodate lot of data and is ideal for long lists with lot of information.
Palette / Pink
rgb(40, 24, 33)
rgb(79, 25, 48)
rgb(135, 38, 71)
rgb(164, 59, 91)
rgb(190, 68, 102)
rgb(207, 81, 124)
rgb(222, 99, 139)
rgb(238, 127, 173)
rgb(241, 155, 192)
rgb(244, 184, 212)
rgb(247, 220, 234)
rgb(251, 234, 242)
There were several improvements to how the data show in your styleguide, and we are also bringing something you asked for a lot - showing whether token is aliased or not. If the token is reference, additional information will be shown under the token for each of the rendering modes.
Voila, reference shows up right away!
We have also significantly improved the design of the exported site. We have basically touched every aspect and made it a little bit better - modified spacing here, aligned images there, updated typography, made stuff more readable and so on. Here is a full list of what we improved:
Our design team worked tirelessly to show you what all was improved, here is their masterpiece:
It is a joke of course - we'd need many more arrows to point out all the improvements.
While isolated changes will not be noticable immediately, all of them result in much more readable, crisp documentation site that shouts out "polished", and that is what matters the most at the end.
We have additionally reworked how the search work in our documentation! You can now search for pages, sections and texts, everything is insanely fast and we have added several new conveniences for you:
And finally, we had a lot of fun reworking it and added lot of fun effects to it. You can try it right now, by clicking search icon on this site!
New search experience, with all bells and whistles.
Here are few of additional improvements that are more technical for specific users that reported it:
Finally, lot of annoying things were resolved. Enjoy!
As always, if you would like see something new, fixed or improved, join our Discord community - we are always there. Thank you for your support!
This documentation was created using Supernova's fully customizable documentation engine.Start building your docs now!
© 2022 Supernova.io