Glitching logo

You saw a glitch? Don’t worry, that’s just the new logo.

#Inspiration

I recently came across uilabs by mrncst. And the hero section of the website caught my attention and got me thinking about how I want something similar and rework the style of my logo.

#Breakdown

So the two main changes was obvious:

• The pixellated font style.
• The glitch effect.

These two blends together to create a retro, cyberpunk-ish vibe, which can represent the “unhinged” theme that I’m going for in this website better than the original.

#Pixellated Font Style

After a little digging, I found out that the font used in the hero section is Redaction by Jeremy Mickel / Forest Young. So I downloaded the font and made a “V” out of it.

#Glitch Effect

For the glitch effect, after a while, I found out the site actually use a package named powerglitch by 7PH for the animation. At first I thought it might be a bit overkill, but after checking out the package myself, I saw that was a solid choice because:

• It leverages CSS animations to glitch anything.
• It does not use a canvas, which makes it lightweight and less resource-intensive.
• It does not have any external dependencies.

So, powerglitch it is.

Hope you find this kind of style interesting. Maybe you can make one for yourself too.