Spooky Systems

Halloween costume ideas for design systems nerds

posted

Oct 11, 2024

17th Century woodcut of witches and the devil dancing

Me and my girliepops on the way to the function.

Halloween is my favorite holiday. When I was a kid, my mom had to forbid me from mentioning Halloween until September 1st. And she'd refuse to buy or make me any costume pieces until mid-October because I'd change my mind so much.

In addition to Halloween, I also love design systems and terrible puns. Since I still come up with more costume ideas than I can pull off in one year, I’m going to share some. Let me know if you end up using one!

Headless design system

Just rent a Sleepy Hollow costume. No one will understand what you are, so you’ll have a fallback when you give up trying to explain halfway through the night.

A costumed headless horseman rides a horse in an autumnal cemetary.
Photo: cgc76 on Flickr

Skeleton loader

Paint the areas where your costume is supposed to be gray. If you’re feeling extra line your outfit with LED string lights set to pulse. Bonus points if you change into a real costume later.

Engraving of two skeletons leaning on medieval tools.
Skeleton illustration, 17th century, Welcome Library on Wikimedia Commons

Ghost button

Cut some eye holes out of a sheet and paint a CTA across the front. Just don’t expect anyone to pay attention to you.

A person wearing a ghost costume cut out of a sheet with "Click here" stenciled across the front
Photo: Harrison Haines on Pexels

Design system tokens

Tape together two cardboard circles in a sandwich board. Paint the coin iconography of your choice in the middle and your favorite CSS variable around the edge. This would be a great group costume.

A man wearing a cheap amazon coin costume
Amazon.com

Stakeholders

Another great group costume, but only for friend groups who can never agree on a single plan together.

Sarah Michelle Gellar as Buffy holding a stake. Get it?
Buffy the Vampire Slayer, 20th Century Studios

Bug

This costume can go cute or creepy. The key is to make it yourself but tell people you don’t know where it came from when they ask.

A woman wearing a colorful, cutesy bug costume in a Pixar parade
Photo: Carlos on Flickr

Figma’s Make Design feature

Just steal someone else’s design system costume and put the word AI on it somewhere.

Screencap showing the similarities between an Apple app and Figma's AI generated designs.
Image: Andy Allen on X

Scale and Efficiency

You’ll be all anyone at the party wants to talk about.

A man wearing a velvet hood holding a gold scale and a woman dressed as the Mad Hatter holding a clock.
JJ Jordan on Pexels / Criativa Pix Fotografia on Pexels

Bonus couple’s costume

One of you dresses up as Jigsaw, and the other wears a bear trap around your head. Together you are “proving the value of design systems to leadership.”

Jigsaw from Saw and a fake beartrap from Amazon
Lionsgate / Amazon.com

And the scariest design systems costume of all…

Layoffs

Dress as your favorite horror movie serial killer and carry around a quarterly earnings report that needs amping up. This won't start as a group costume, but once you do it, others will feel pressured to copy you.

Ghostface from Scream IV wielding a bloody knife
Ghostface in Scream 4, Outerbanks Entertainment / Dimension Films

Bonus decor idea

Design systems graveyard. RIP Material Design 1 and 2.

Tombstones

Dysfunctional systems

Design Ethics

Read this post

Token queers: LGBTQ+ pride, gay greed, and the blockchain

Queer Design

Read this post

The machines won’t save your design system

Design Systems

Read this post

Redesigning the rainbow and the purpose of pride flags

Queer Design

Read this post