About
Magnets, Me, Zines,
Design & Coding

The Project

Welcome to the Magnet Archive!
This collection began in 2018 and has been growing ever since. Through this website, you can explore magnets from my travels around the world.
germany

italy

japan
Here are the places I've visited since 2018:
  • Aruba
  • Canada
  • Curaçao
  • Denmark
  • Dominican Republic
  • England
  • Estonia
  • Finland
  • Germany
  • Ireland
  • Japan
  • Monaco
  • Northern Ireland
  • Sweden
  • United States of America


Some magnets in the archive were gifts from friends and family:
  • Australia
  • Iceland
  • Serbia


A few gifted magnets come from countries I visited before 2018, back when I wasn't collecting magnets yet:
  • France
  • Italy
  • Spain

About Me

me
I've been travelling for as long as I can remember, and as a tactile person I've always loved collecting souvenirs. I have a lot of collections, from trips alone I've collected fans, miniature building replicas, keychains, and now my largest collection: magnets.

Before starting this project, I had a basic understanding of Javascript and HTML. Now I can say I'm pretty confident with HTML and CSS. We'll see what I decide to do with them next.

Risograph Zine





Check out my zine, Favourties from the Magnet Archive, for a closer look at some of my favourite magnets from the collection.



Design Insights

Favicons:
favicons
Each page has its own favicon.
Countries are colour-coded, because why not?
colours
Each country has its own assigned colour. The palette actually comes from another motion graphic project I made, again, because why not.

Like what you see? Here are the colours and their HEX codes!

Each magnet category has a corresponding icon:

word
Word
Magnets that are simply a word, like the name of a country or city.
landmark
Landmark
Magnets showing a specific building, monument, or piece of scenery from that place.
license
License Plate
Magnets designed like license plates, either real designs from that locations, or ones inspired by them.
item
Item
Basically any magnet that doesn't fit into the other categories.


Fonts used:
Roboto - Regular, Bold
Roboto Condensed - Regular, Bold
Platforms:
VSCodium
Figma
Github

Coding Tips

See a website you like?
Try using the browser's Inspect tool to look at how it's built. It can be a great way to learn and find inspiration for your own code.

W3 Schools
Quick explanations and examples for most coding topics. Great for when you're trying to figure something out, or troubleshoot a problem.

Youtube
Helpful for tutorials and seeing how other people approach coding problems

Petra Pixel
A really great resource for web design, with amazing beginner tutorials.


Back to Top