As any self respecting cigar or pipe smoker knows, the best way to light up is by using a wooden match. As such, I’ve got a boxes of wooden matches stashed all over the house, garage, pockets and car. It is one of those items that you never really think about too hard though. There’s no real reason to think about them beyond “does it work as advertised?” — in this case, does it light? Or did it break?

Recently, though, I picked up a box at the supermarket and noticed they had changed vendors. No longer was…whatever brand they previously sold. Now they upgraded to offer Diamond matches. It’s not an item that I would even notice usually, but as a designer I was immediately struck by the packaging. I have some vague memory of the brand, but it seems as though they’ve gone through a redesign. And I love it. It’s clean with a touch of vintage and really stands out on a shelf.

Digging a little deeper, it seems like the brand has be tossed around by various holding companies and private equity firms which makes it seem a bit less glamorous than America’s leading producer of matches.

But those graphics! The design! The style! What’s a poor designer to do, but start drawing?

Here’s a couple of versions of the single and crossed match illustrations and because it’s one of my favorite techniques, there’s also animated versions. Dropping a <style> tag inside the SVG with @keyframe animations is a great way to sneak an animation past a content management system. Just be sure you nest the animation inside a prefers-reduced-motion: no-preference media query.

The animation itself is just a combination of scale, translate and rotate transformations. The one nice one is the ability to flip the flame by using a negative value on the X axis of a scale transformation.

transform: scaleX(-1);

I did consider doing a more elaborate animation, but…discretion is the better part of valor as they say. It quickly became clear that going down that path was leading further and further away from the inspiration point. Clean, crisp and iconic, thank you very much.

Tangentially, I do like the concept of a matched pair, burning together. Makes me think of my wife. ♥️

Need a light? You can download them here.