A Unified Design
Language for Proteus

A Unified Design
Language for Proteus

Role

Lead Product designer

Timeline

2 Months

Cover image
Cover image
Cover image

Designer

Designer

Engineer

Engineer

How a broken design language turned into a system that brought teams back together.

When I was looking for my next challenge Samir Neji, the CEO of Dltledgers, reached out with a familiar challenge:

When I was looking for my next challenge Samir Neji, the CEO of Dltledgers, reached out with a familiar challenge:

I had helped design the platform in its early days, so this hit close to home. The product had evolved but without a consistent design foundation.

I decided to step back in.

I had helped design the platform in its early days, so this hit close to home. The product had evolved but without a consistent design foundation.

I decided to step back in.

"The platform’s growing fast but the soul’s missing. Design’s all over the place. We need to bring it back together."

Samir Neji

The Foundation

The Foundation

The more I looked, the clearer it became: Platform had lost its structure. Old design patterns lingered everywhere outdated grids, unscalable colors, and no consistent rhythm across screens.

The product was solid, but visually it felt like a collage. Designers improvised. Developers guessed. The only way forward was to rebuild the foundation not just the visuals, but how design and dev spoke to each other.

The more I looked, the clearer it became: Platform had lost its structure. Old design patterns lingered everywhere outdated grids, unscalable colors, and no consistent rhythm across screens.

The product was solid, but visually it felt like a collage. Designers improvised. Developers guessed. The only way forward was to rebuild the foundation not just the visuals, but how design and dev spoke to each other.

I wanted to bring back clarity, identity, and confidence to make the Platform feel like one product, one story, and one heartbeat in a shared language.

I wanted to bring back clarity, identity, and confidence to make the Platform feel like one product, one story, and one heartbeat in a shared language.

Finding
the Identity

Before touching a single pixel, I needed to find what the brand truly stood for. So I mapped emotions, tone, and purpose and landed on our brand archetype: The Creator. It fit perfectly.
We empower others to build a platform made for collaboration and creation. That clarity became the lens for every design choice ahead.

The Creator.

A Creator builds, imagines, and brings new ideas to life.

A Creator builds, imagines, and brings new ideas to life.

Redefining
the look

Typography

Switched from Inter to Archivo for its geometry and confidence. It brings order to data-heavy screens and makes every label feel designed, not default.

Color System

Samir was clear about one thing “Keep the green.” But I wanted to make it mean something. I introduced a new shade neon-green. It glowed with energy, creativity, and trust.

Iconography

We adopted HugeIcons for their clean weight and scalability across platforms. With these choices, the visual system finally had personality modern, focused, and ready to scale.

Primitive variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Primitive variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Primitive variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Primitive variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Token variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Token variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Token variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Token variables

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Building
Scalable System

I built the Platform Design System from the
ground up using the Atomic Design approach.

I built the Proteus Design System from the ground up using the Atomic Design approach.

Before building anything new, I mapped out all the existing components across the platform every button, table, input, and modal we already had.

Atoms became the basics buttons, inputs, toggles.
Molecules combined those into forms and cards.
Organisms grew into modals, tables, and side-out menus.

Each element was tokenized color, typography, spacing, states everything reusable, documented, and connected. Design stopped being a guessing game. It became a language.

The turnaround

The next step was adoption. Turning
a new system into a shared habit.

I ran short sessions with designers to show how to build with tokens, name layers, and keep design hygiene. Developers got structured handoffs with every variant and state.

Suddenly, things clicked.

  • Designers stopped redrawing components.

  • Developers stopped asking for specs.

  • Everyone started speaking the same design language again.

Header

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Header

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Header

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Header

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Avatar

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Avatar

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Avatar

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

Avatar

Comment directly on assets, tag teammates, and close feedback loops instantly. Every discussion stays tied to its context. Collaboration just got a lot simpler.

Feedback That Stays in Context

The impact

  • Design-to-dev handoff time reduced by 40%.

  • Visual inconsistencies dropped massively.

  • Designers cut design turnaround time by 50%.

  • PMs saw consistent prototypes every sprint.

The product finally looked like it came from one team.
It didn’t just organize design it aligned teams and rebuilt belief.

The afterglow

The new design language spread beyond the product
into the website, marketing, and internal dashboards.

Light, calm, and alive with that green pulse it became unmistakably Proteus. When I handed it off, the system didn’t just work it grew.
The team now had a rhythm, a shared voice, and a renewed sense of pride in how it all looked and felt.

Reflection

The Proteus Design System taught me something simple: Design systems aren’t built to limit creativity they exist to protect it.

This project reminded me that clarity isn’t about clean layouts it’s about trust. When design removes friction, people naturally come back to the product. Sometimes, progress doesn’t look loud — it just feels calm.

This project reminded me that clarity isn’t about clean layouts it’s about trust. When design removes friction, people naturally come back to the product. Sometimes, progress doesn’t look loud — it just feels calm.

Here’s to simple things
done thoughtfully.

Email Copied!

hello.ananthub@gmail.com

Email Copied!

hello.ananthub@gmail.com

© 2025

Thanks for scrolling!

Create a free website with Framer, the website builder loved by startups, designers and agencies.