Topaz Labs

We started with a plan

We were contacted by Eric, the CEO of Topaz lab to help create a solution to condensing all of their documentation into a singular platform that was both extensible and highly customisable.

Naturally our first steps were to use Sanity CMS, Next.js, and Vercel, we embarked on an exciting journey that transformed expectations of what a documentation system can include.

We ensured every aspect had been thought about, from the presentation of placeholders and field descriptions to the instantaneous feedback of a live preview system. We didn't want to build just "a documentation system". We ventured to build "the best documentation system."

Add some Sanity

The first piece of our digital jigsaw was Sanity CMS. We took advantage of its real-time capabilities to build a dynamic content management system that would have put Gutenberg's movable type to shame. But we didn't stop there. With the malleability of the platform, we developed custom input components and tailored the CMS to fit Topaz's needs.

A little style

Then came Chakra UI. Like an expert stylist, we used it to dress up our system in a way that was not only visually appealing but also met all the best practices for accessibility and responsiveness. It was our digital color palette, with the flexibility of themes and components to create a harmonious, unified appearance across all documentation.

We collaborated with the internal design team at Topaz Labs, with who we expanded the infrastructure of their design system. We implemented the nuanced colour scheme with lavish purples and extra slick gradient borders. It's always a blast working with internal teams as we can bring both of our design insights and create something truly magical.

What is a Mux anyway?

Finally, Mux added the cherry on top. This cutting-edge tool brought our documentation to life with high-quality, seamlessly streaming videos. It was like handing our users their personal IMAX experience, delivering video content tailored to their device and connection speed.

If you don't know what Mux is, I'll give you the lowdown. Videos are about the heaviest piece of data on a website and a nightmare to store and stream at that. Mux takes away all this stress and compresses the video to the appropriate size. E.g. Mobile phone - small, Desktop - large.