As you might know I’ve worked with N3RDFUSION in the past. That means that I’ve also worked closely with Sevadus (Matt). You might also know that I’m one part of the StreamEvolve team. StreamEvolve develops dynamic overlay solutions for livestreaming and that’s where we come into the picture. Mindcrack Marathon is a charity stream so we decided to support them and create the overlays and setup the dynamic overlays for them.
The main thing that I had to go on was some reference images for inspiration, a list over what was needed, what they had used last year and their logo. I also had access to the fonts that were used in their logo, Copperplate, Century Gothic and Akashi. Since I do know that using more than 2 fonts tends to end up being a bit too much I decided to use Century Gothic and Akashi. I knew it would also help due to the short deadline we were working with.
When it comes to the colors I noticed that they used blue color as their main color. One thing that I did notice was how hard the lime green in the logo clashed with the blue. So the first thing I did was to play around with the colors. At first I actually tried going in the opposite direction and even change the color of the lime green in the logo.
At the end of the day I decided to use the lime green instead and to balance it with texture and a different shade of green (and then of course black and white as well).
What I wanted to do was to create an overlay that could easily be integrated in the StreamEvolve ecosystem (again due to the deadline). I also wanted to keep it clear and concise since I wanted it to be easy to read both close up, far way and on mobile.
Now one thing that we also had access to was their custom built API. StreamEvolve is built so that an API can connect to it easily. Of course it’s something that has to be done by us at the moment (not sure if or if not that will change). With that we were able to connect the custom API into StreamEvolve and use text objects to call up the API and get the response easily.
This is the biggest benefit of using StreamEvolve. It’s modular in that anything can be built with it. From using trigger systems, connecting with API’s, adding images, text, videos and so on. All of that then gets pushed into OBS — or any other platform that can pull in a browser source.
With all of those tools right there it is possible to turn any overlay into a dynamic overlay. Or add in dynamic aspects into an already created overlay. You don’t even need to transfer a design or re-create it (even if that’s a better solution in many cases), instead you can simply add the additional things as another browser source on top of your scene in OBS.
Here you can see what I created and how I used their logo, colors and fonts. As you can see I used the stronger lime green to highlight certain things. I then used the darker green colors to allow text and title to stand out. To not make it all look boring I played with textures to give contrast the the boxes.
I hope you liked this article and hopefully you had time to catch Mindcrack Marathon live.
If you liked this you should check out my Twitch branding services and get in touch.