Every designer has a Dil

I set out to build a mascot. I ended up naming a part of myself.

That wasn't the plan. The plan was smaller. My logo has had a heart in it since the beginning. A flat charcoal shape, sitting quietly in the corner. I wanted to see if it could move. If it could watch you. If a static mark could turn into something that felt alive on the page.

So I started designing. And the heart had opinions.

Four directions

I began with a reference. A Codrops article by Ayotomiwa Wale-Durojaye, reverse-engineering Claude's pixel mascot with SVG and GSAP. It showed me the grammar I wanted. Pixels for the body, GSAP for the motion. Everything as code, nothing as an image file.

From there I explored four directions. A heart with arms and legs. A heart shape with nothing but motion. Full pixel art, blocky and retro. And a hybrid, a smooth heart holding little pixel props.

I picked the one with limbs. Props as backup. It seemed like the obvious choice. Give the character a body and it can do things. Wave. Point. Hold a coffee.

Then I built it.

Ugly

The first two prototypes were ugly. Not rough. Ugly.

The heart had little arms and it looked like a costume. A shape wearing a character instead of being one. A heart waving at you is a greeting card, not a companion. The limbs did all the talking and none of it was worth hearing.

So I stripped them off. No arms, no legs, no face. Just the shape and pure motion. Cleaner, immediately. Also empty. Something was moving on the screen and nobody was home.

I had two dead ends. And a growing suspicion that I was adding things to solve a problem that wanted subtraction.

EVA

The fix came from a robot.

WALL-E has a character named EVA. Smooth white shell, two oval eyes, no mouth, no eyebrows, no hands that matter. Her whole inner life runs through two eyes and the way she holds her body. You watch her fall for a trash compactor and you feel every second of it. Two eyes did that.

That was the bar. So I gave the heart two eyes and took everything else away.

Eight expressions came out of those two pixel eyes. Happy is three arched pixels. Surprised is a full 3×3 block. Sleepy is a thin slit. Curious is one eye bigger than the other. I never drew a mouth because I never needed one. The eyes carried all of it.

This is the part I keep coming back to. The constraint wasn't a wall I worked around. The constraint was the personality. The less I let Dil say things with, the more it had to say with what was left. Take away the arms and the face has to work harder. Take away the mouth and the eyes learn to carry a whole mood. Limit the vocabulary and every word starts to matter.

The limbs had to fail for the eyes to feel like enough.

The name

I named it Dil. Urdu for heart. One syllable. Everyone who speaks it knows it instantly, and everyone who doesn't can learn it in a second.

I could have called it Heart. I could have called it nothing. But some things go soft in translation, and the name of the thing you love shouldn't be one of them. I named it in my mother tongue because that's the language the feeling actually lives in.

Why a heart

Here's the part I didn't expect to write down.

The heart on my logo was never decoration. I chose computer science because everyone told me to. I chose design because something inside me wouldn't shut up about it. That something was Dil, years before it had a name or two pixel eyes.

I built a startup. It failed. I built another one. The design was beautiful and nobody cared. The heart cracked a few times in there. It always repaired itself. Over the years it filled in. With experience and people, and the slow realization that the best work comes from caring more than you're supposed to.

Dil is that instinct turned into a character. The part of any designer that notices too much and cares too much. The part that can't leave a thing alone until it's right. It isn't unique to me. Every designer has a Dil. This one just has a name and a favicon now.

What it does now

Dil lives at the top of every page. It follows your cursor. It falls asleep if you leave it alone. Click it seven times and it winks. The whole story of who it is sits on its own page.

And because a heart that notices too much can also notice the wrong things, I let it warp. Design Saboteurs is Dil bent out of shape, eleven ways the same instinct turns on you. The Pixel Polisher who perfects the wrong thing. The Impostor who's actually the master. Same eyes, forgotten shape.

There's more coming. A sticker pack. A night mode where Dil sleeps by default. Maybe an endpoint that hands a random Dil to anyone who wants one for their own site.

But that's roadmap. The part that's done is the part that mattered. I set out to make a mark move, and I found out what it was made of. Two eyes, one syllable, and the small stubborn thing that picked this work when I wasn't looking.