✍️ Make Custom Icons for Cocktail Recipes
Make cocktails content more playful
Whats the goal?
I wanna add a little more playful energy to the website, especially the cocktails section. I think itd be fun to have an icon for each specific tool used in making the cocktail. Then lining those up in a row above the instructions.
Going further, it could be fun to make a kinda ikea-isque visual instruction steps for making the cocktail.
Icon List
- shaker
- fine mesh strainer
- cocktail strainer
- jigger
- coupe glass
- rocks glass
- collins glass
- peeler
- juicer
- large piece of ice
- crushed ice
How to make it happen?
- make custom icon
- export as svg
- create component for icon
- map instruction keywords to icons and on "typeOf: cocktail" posts, list those icons above the instructions
- or update posts from MD -> MDX (to allow components in the markdown body) - OR
Make custom icon
This youtube walk thru makes it feel like I could make these icons happen in Adobe Illustrator.
Illustrator costs $21 per month.
Start by making a cocktail shaker icon at 15x15? 30x30?
Appendix
References
🌱 Projects
Current things that bring me joy to work on