Skip to content

Sparsit

Roles and deliverables
Visual identity, Logotype, Typography and colours, Product logos, Icons and animations, Interactive visual hook, Website templates
Sparsit logo

Creating a visual identity for cutting-edge AI technology that bridges academic research and commercial innovation.

Background

Sparsit, a Swedish AI startup founded in Norrköping needed a complete brand identity to communicate their sophisticated sparse visual modeling technology to both technical and business audiences.

Concept

The main challenge was communication. Sparsit's technology, sparse visual modeling and foveated rendering, is complex and abstract. The brand had to make that feel approachable to non-technical audiences while still earning respect from the technical ones. It also needed to scale from a favicon to a conference stage presentation.

Most AI companies default to the same visual language: gradients, neural network graphics, dark futuristic interfaces. I wanted to go the other way. Instead of chasing sci-fi aesthetics I looked backwards, at early computer terminals, 1960s tech interfaces and raster graphics. Graphically simple, two-dimensional and retro.

That became the “Retro future” concept: raster, sampling and simplification. These are actually the core principles behind Sparsit's technology, so the visual language wasn't just a stylistic choice. It was a direct reference to how their algorithms work. An authentic connection between what the brand looks like and what the company actually does.

Visual hook

Playful technology

The technology and algorithms behind Sparsit products are very abstract and complex I knew we had to come up something really simple that could catch the visitors attention and keep them on the site for just a little bit longer.

The visual hook

The visual hook came in form of a javascript based "see through" feature where the visitor could move their mouse/cursor over a videoclip showing Sparsit’s compressed version of a video. The cursor clipped a hole in the video and showed a re-constructed version through the hole.

Diagram of the see-through cursor over the compressed video

The brand

Started with the natural choice of "S" as the primary symbol. Experimented extensively with raster patterns and visual analogies for "sampling" to create a distinctive mark.

The breakthrough came with opposing gradients that abstractly form an "S" shape—directly referencing the gradient-based optimization central to their ML algorithms.

Early logo sketches
Logo iterations
Logo iterations

Final logotype

Developed two versions: a detailed gradient version for applications with space and prominence, and a highly stylized version for small formats like favicons and social media avatars.

Sparsit symbol, colour
Sparsit symbol, negative
Sparsit wordmark, colour
Sparsit wordmark, negative

Typography and colors

Selected typography and colors inspired by early terminal graphics, creating the right visual feeling without literal connection to their current technology stack.

Clean, technical typeface selection that works across both highly technical documentation and business presentations.

Chose Google Fonts for optimal web and print compatibility.

Headline typeface
Text typeface
Alternative typeface

Colors

The Sparsit colour palette

Minimal palette inspired by terminal graphics, with room for expansion as the brand evolves.

Product logos

S3 Game badge S3 Photo badge S3 RT badge

Icons and animations

Illustration of the sparse model
The Sparsit icon set

The site

Instead of designing the full site I provided a set of template drafts. That way they could work internally on the full site.

Template draft – start page
Startpage
Template draft – S3 Gaming
S3 Gaming technology
Template draft – S3 Photography
S3 Photography technology
Template draft – S3 Raytracing
S3 Raytracing technology