A Logo Is a Compression Problem
Why we retired our spray-can mark for two arrows that read as an S, a lightning bolt, and code brackets, and what favicon-sized legibility teaches about identity design.
Co-written with AI assistance from Claude Fable 5.
The browser tab is the harshest art critic
Open a site, look at the tab. You get a square around 16 pixels on a side. Whatever your brand is, that square is where it lives most of the day: pinned tabs, bookmark bars, home screens, the corner of a YouTube video. If the mark doesn’t survive there, it doesn’t matter how good it looks on the homepage hero.
Ours didn’t survive there. I just took a while to admit it.
The spray can earned its place, then outgrew it
The original secondary mark was a spray can, and I still love what it stood for. Graffiti is where the whole brand comes from: the wordmark is my childhood signature off the corner of my artwork, and the red and green palette is the Italian flag filtered through street art.
The can also worked hard. Inside the illustration were WiFi arcs for IoT, circuit traces for electronics, and a stylized S. Three services in one drawing. As a sticker, at 200 pixels, it’s great.
The problem is that meaning drawn as detail has a resolution floor. WiFi arcs need pixels. Circuit traces need pixels. At favicon size the can compressed into a gray smudge, and every element that made it clever is exactly what made it unreadable. A mark that has to be zoomed in to be understood is a mark that fails precisely where marks work hardest.
And the cost compounds. Every new surface repeats the question: app icons, social avatars, video watermarks, email headers, loading spinners. Each one forces a choice between shipping the smudge or designing a one-off exception, and one-off exceptions are how a brand quietly stops being a system.
Keep the meaning, delete the ink
The fix wasn’t a better drawing of the can. It was asking what the illustration was actually carrying, and whether a simpler shape could carry the same load.
Two elements were doing all the work: the S at the center of the can, and the angle brackets flanking the wordmark, the < > that any developer reads instantly. Both were already in the brand. Both are geometry, not illustration.
The new brandmark is two arrows. That’s the whole drawing.
One shape gives three readings:
- An S, for Salvatorre
- A lightning bolt, for the electrical engineering and power electronics work
- Arrows and code brackets, the
< >distilled, for the software work
Nothing needs a legend. Whichever reading you see first is correct, and each one points at a real part of the business. Because it’s two filled paths instead of an illustration, it holds its silhouette from a 512-pixel avatar down to a 16-pixel tab.
There’s an engineering angle here too. The brand lives in a repository where every treatment (favicons, app icons, avatars, banners) is generated by a script from one hand-drawn design file. A logo change is an edit and a re-run, and nothing can drift from the source. Identity as code, in the most literal sense.
Where it landed
The brandmark now does the small-format work across salvatorre.com: the favicon, the footer, the background watermarks. The wordmark keeps doing what wordmarks do at full width.
The spray can isn’t deleted, and won’t be. It’s part of the brand’s story, and it still belongs on stickers and merch, where illustrations thrive. Retiring a mark from the favicon is not the same as retiring it from the identity.
If your own logo turns to noise in a browser tab, that’s not a taste problem, it’s a compression problem, and it’s fixable the same way: find what the mark is actually carrying, and redraw only that. That’s the kind of brand and design work we take on when we’re not building the software behind the sites.
