For years, mobasity.com was a page I meant to finish. Every project I built had somewhere to live except the place that was supposed to tie them together. This is the version that finally does.
Starting with a feeling
I didn't want another dark landing page with a purple gradient. I wanted it to feel like an indie studio: playful, a bit handmade, and personal, because Mobasity isn't a company. It's me.
Finding the colors
Nature is good at palettes, so that's where I looked. The one that stuck is a deep forest green with a warm amber accent. It's dark without looking like every other dark site.
#0E1E16background#ECF0E6text#A9CB9Bprimary#1D3A2Asecondary#E8B04Baccent
Smoke, but only a little
Flat backgrounds made the empty space feel empty. A little texture fixed that. The hero now has slow, drifting smoke, made entirely in CSS from an SVG noise filter. No JavaScript, no video, and only a few kilobytes.
<feTurbulence type="fractalNoise"
baseFrequency=".004 .011" numOctaves="5"/>The trick is keeping it faint. Texture should be felt more than noticed.
The otter
The otter has been my icon for a long time, so he got promoted to mascot. He shows up around the site now: thinking about ideas, fixing things, and napping wherever there's nothing to show yet.
Under the hood
The site is a single Go binary. Templates, styles, fonts and images are all built in, so a deploy is one file. It runs on the same server as everything else, behind a Cloudflare Tunnel, and Lighthouse ships it whenever I push.
- Go's standard library for the server and templates
- No JavaScript on the page at all
- Fonts hosted here, so the site makes no third-party requests
If you build something you use every day, you notice every rough edge. That's the best reason I know to keep things working.
That's the new home. If something looks off, or you have an idea for what should live here next, say hi.