[1] Branding[2] Custom AI Tools[3] Visual Design
Overview
Bluethroat Labs is a Web3 Security company which builds domain-specific AI security agents for complex protocol architectures. One agent per domain. All of them sharing intelligence to stop cascading failures.
As the sole designer working on this project focused on building the logo, type, web and brand system.
My Approach
Simple yet Unapologetic
During the first call with Rahul (Founder) he was explaining how he wants to represent Bluethroat as a rebel among research organisations which position as serious. He wanted his brand to be unapologetic and a rebel in the space but also not giving up on the complexity of the issues.
After that first call going back to the drawing board I came up with 4 brand boards for our second call and we were in with 2 of em with a monochromatic style catching our eye more. In this style initially I used greek architecture and the texture of marble complementing it, but Rahul mentioned why not go with ancient Indian architecture with it’s depth and rich history and as an ode to Bluethroat (Neelkanth in Devanagari). This was how the brand came to life.
The core visual identity involves using Indian architectural elements as the base adding vertical dithering signifying security and the strict nature of it. There are hints of Devanagari letters scattered around as an ode to where Bluethroat Labs stems from. The Serif typeface was selected as a way to add stark contrast to present information better.
Nature highlights itself through contrast and that has become the guiding factor for me.
I made two Internal tools for the Bluethroat Team to create custom images and reports in theme without the need for a designer to intervene. The first tool displayed above is a custom WebGL editor with predefined settings for the brand I’ve created. The exposure, contrast and vertical dithering have been kept experimental while the core settings are locked.
Try it out here: bluethroat-style-gen.vercel.app
The second tool is a custom web editor to help create vulnerability reports for clients. This was a hurdle where every time a report comes up I have to manually design in Figma and export it and there is back and forth if changes are present. I made the report design as a template, developed it in HTML in A4 and then added a plugin called Puppeteer to render the HTML into a PDF.
Try it out here: bluethroat-report-builder-newwww.vercel.app
Footnotes
This project helped me visualise what it is working closely with someone who has the vision and bringing it into inception. There were lots of edge cases, feedbacks and ideas that were considered made me realise how much it is above that figma file.
A very special project where in I blended in as a partner more than a designer.
If you like this, you’ll also like: