<?xml version="1.0" encoding="utf-8"?>

Introduction

I started my research by looking through products that I love to use that have incredibly built icon sets. The icons needed to be consistent and playful.

My choice was Notion and the icons displayed in the sidebar with all their most important functionalities:

Notion Halloween Icon Set 1

Then I created a list with all the icons that I wanted to adapt to the Halloween theme and organised everything to get a clear overview of the style, colours and theme:

Notion Halloween Icon Set 2

Notion Halloween Icon Set 3

Colour Palette

I created a small colour palette for the icon set based on the colours used on the sidebar, and I've also added an Halloween colour for icon details using the Notion's orange colour:

Notion Halloween Icon Set 4

Notion Halloween Icon Set 5

Moodboard

I researched ideas and concepts for each icon. Using Milanote, I organised a moodboard with different inspirations and references for the icons:

Notion Halloween Icon Set 6

Halloween Icon Set

I started creating the icons, one by one, using Illustrator, merging different inspirations and my imagination.

New Page

Notion Halloween Icon Set 7

I started off with the new page icon. I used the Halloween cauldron as a metaphor for creating something new and the world of possibilites that a new page in Notion presents.

Search

Notion Halloween Icon Set 8

The search icon is a playful reminder of the spooky things you can find if you search during the Halloween season. In this case, what we found was a scary spider!

Notion AI

Notion Halloween Icon Set 9

Notion AI turns rogue and gets sent to prison. That is where he got his prison tattoo and scary look.

Home

Notion Halloween Icon Set 10

The home icon is haunted, with ghosts living inside of it.

Inbox

Notion Halloween Icon Set 11

During the spooky season, the pumpkin serves multiple purposes and one of the most importante ones is to put candy or other delicious treats inside it. Hopefully, our inbox should also be like that!

Calendar

Notion Halloween Icon Set 12

What is the most dreadful day of the week? That's right, for Halloween everyday is Monday, or at least the calendar says so.

Settings

Notion Halloween Icon Set 13

The settings icon turns into a spooky spider web where we can easily get caught.

Templates

Notion Halloween Icon Set 14

Templates are just like a set of potions that you can drink to get your project jumpstarted! This was the main inspiration for the templates icon.

Thrash

Notion Halloween Icon Set 15

Like a cemetery of old ideas, the thrash icon is represented by a grave where deleted projects can come back to life if we want them to.

Help

Notion Halloween Icon Set 16

To help us during this spooky season, we need wizards and sages to support us. This was the inspiration for the help icon, a wizard hat that will lead us to success.

Invite

Notion Halloween Icon Set 17

Even the avatar deserves a costume for Halloween. This year, he wanted to go as Frankenstein.

Final Result

With all our new icons coming together, we get to experience a new and special interaction with Notion this Halloween season.

Notion Halloween Icon Set 18

Notion Halloween Icon Set 19

Notion Halloween Icon Set 20

Tools used

Adobe Illustrator
Figma
Notion

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

29 reviews


Your design considerations are well-presented indicating your in-depth explorations of Halloween theme and Notion original design. Great!

Your Spooky Icon Set solution of dual tones with deep orange decoration illustrate well Halloween theme while keeping Notion's style of minimalist.


Thank you for your amazing sub, Joao!

I have been looking at your detailed presentation and i was extremely excited to see an A+ execution!

This is a fully deserved Editor choice!

Keep it up the good work!


the icon need improve like pan icon not consistant at plus sign


Love the! The playful vibe and consistency are spot on—great seasonal twist! 🎃


Hey João, great presentation of your submission.

It was a breeze reading through your process and outcomes. I particularly like the explanation for the calendar icon. At first glance, I thought the M was related to Medium but I got the context after going through your explanation.

Some things I would consider improving is improving:

  • The amount of detail for some of the icons, they kind of get lost as small sizes, also due to the fact that they are in orange accents and not one color throughout
  • I will consider increasing the spacing for some of the icons on dark mode to visually balance the light mode. eg, the gap in the pencil for the first icon look smaller on the dark mode version due to optical illusion, so increasing the spacing a bit will compensate for that.

Great submission, and wishing you all the best in the contest.


Very confident without losing the recognizability of the icons already working. 

I like your approach and presentation of the whole way of creating the set.

Way to go! 


Hi João, I’m really impressed with your Halloween icon set! The way you’ve maintained Notion’s clean and minimalist style while adding festive elements is brilliant. The dual-tone color scheme works beautifully, and the icons are cohesive and charming. Great work—your creativity and attention to detail really stand out!


I was super excited to see someone redesigning Notion since it's one of my absolute favorite apps and one that I use all the time. When I was thinking about which app to redesign, Notion was definitely at the top of my list. I was a bit hesitant at first because I thought its functionality might make it tricky to redesign and give it a fun Halloween theme. But I ABSOLUTELY love your idea of using dual tones instead of just outline or filled icons - it's so clever and really makes the design pop without making it too busy or sacrificing functionality. You've done an amazing job from start to finish! Kudos to you!


Your work on this project is fantastic! The color choices blend seamlessly with Notion’s branding, while each icon remains distinct and functional for the sidebar.

Thank you very much!! Really great to hear

I love your attention to detail and playfulness in your work.

Thank you :)

212 Claps
Average 4.4 by 48 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>