a pixel mountain

September 2, 2026 meta designdevlogpixelart

drawing the mountain

Once the colors and type were sorted I wanted something in the header, some kind of mark instead of just plain text. Lovundfjellet felt obvious. It's the mountain right on the island, the one that's in basically every photo I have of home.

So I opened Aseprite and tried to draw it in pixel art.

attempt one was wrong

First version had this single sharp peak, one steep tooth sticking straight up. Looked kind of dramatic honestly, like a logo for a ski resort. Problem is that's not what the mountain actually looks like. Lovundfjellet is rounder than that, more of a dome with a slight lean, not a spike.

I only noticed how wrong it was after pulling up an actual photo I took from the ferry last year and putting it next to my pixel version. Not close. Redrew the whole silhouette from that photo, flattened the top, widened the base, and it suddenly read as the actual mountain instead of a generic triangle.

Small thing but it mattered to me. If I'm going to put my home island's mountain on my own site I want it to actually look like it.

the BMK mark

While I was at it I made a little logo too, BMK with a tiny version of the same mountain shape tucked into it. Using it in the corner of the header now instead of just my initials on their own.

The pixel-art header horizon: Lovundfjellet's true two-peak profile

The BMK mark in the sidebar, with the same mountain shape tucked in

favicon, the actual pain of the day

Should've been the easy part. Exported the mountain as a small favicon, dropped it in, and my browser just refused to update it. Tab kept showing the old default icon no matter what I did. Hard refresh, clearing cache for the site, closing the tab entirely, nothing worked in Firefox for a solid while.

Ended up renaming the file and bumping a cache busting query param on the link tag before it finally gave in:

<!-- before: browser just kept serving the old icon from cache -->
<link rel="icon" href="/favicon.png" />

<!-- after: new filename plus a version query, and it finally refetched -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=2" />

I don't fully understand why it was that stubborn about one 32x32 png but there it is.

Small mountain in the corner now. Feels right.

1 comment

Log in to comment.

anna_k September 4, 2026

The mountain in the header is such a nice touch. I recognised Lovund straight away. Love that it is your actual view and not some stock image.

Log in

No account?