Konpo Studio, 160 Robinson Road #14/04, Singapore (2026)

17/04/2026

“Konpo for us is like our internal design team. Every single design they made for us is amazing. We’re super happy to work with them and would not replace them with anyone else. They simply go the extra mile.”

Vladimir Danila
Founder & CEO of

07/04/2026

Closing out the Linearity post felt like the right moment to let their community work speak. The illustrations and animations from their users, displayed in one of .supply jitter templates.

23/03/2026

You’ve all seen the latest iOS releases.

That glassy, translucent UI. Depth. Blur. Layers.

Linearity’s latest launch follows the same visual language and it may look effortless, but getting this effect to work properly on the web is anything but simple.

One of the most valuable parts of this project was the collaboration between design and development to understand how the glass effect created in Figma could actually be translated into production.

Because there is no native “glass” on the web.

If you try to reproduce the design naively, you quickly run into heavy solutions with canvas or WebGL, complex rendering, accessibility issues, and performance that drops at scale. That was never an option for a product used by millions of designers.

So we made a conscious technical decision.

We focused on a lean, production-ready implementation using CSS and SVG filters to recreate the visual feel of glass instead of chasing a physically perfect effect.

We simulate blur and refraction, layer it with transparency, gradients, and subtle noise, and tune everything to match the depth and softness from the design.

The result delivers the effect designers expect, performs reliably across devices, keeps the DOM clean and accessible, and is maintainable for the team as the product evolves.

It meant accepting a small design compromise, but in return we gained speed, stability, and confidence that the experience works in the real world.

This is where experience really shows. Turning a visually ambitious idea into something that ships and scales.

20/03/2026

For this website, one thing was clear: motion had to be right.

“Make it move, make it move!” our inner monkeys talking. And sure, we wanted to “move” but we making things move isn’t hard. The hard part is making it right.

Right. One of those vague words we all use. What does it actually mean? We see plenty of flashy websites with motion everywhere just because it looks cool, and don’t get us wrong, it does. But for us, doing it right means using motion as a tool, not decoration. A way to communicate hierarchy, responsiveness, and intent, without making the experience feel loud, rushed, or distracting.

Behind the scenes, that meant building Linearity’s motion layer with Lottie, shipping complex animations as lightweight, vector-based assets. The result: smooth playback, crisp rendering at any resolution, and reliable performance across devices, without asking the browser to work overtime.

Every animation is intentional. Reacting to scroll, hover, and state changes to clarify what’s interactive and what matters next. Timing and easing were tuned carefully so motion feels fast and fluid, expressive, but never in the way.

Have a look and see how it feels in motion: https://www.linearity.io/

20/03/2026

For this website, one thing was clear: motion had to be right.

“Make it move, make it move!” our inner monkeys talking. And sure, we wanted to “move” but we making things move isn’t hard. The hard part is making it right.

Right. One of those vague words we all use. What does it actually mean? We see plenty of flashy websites with motion everywhere just because it looks cool, and don’t get us wrong, it does. But for us, doing it right means using motion as a tool, not decoration. A way to communicate hierarchy, responsiveness, and intent, without making the experience feel loud, rushed, or distracting.

Behind the scenes, that meant building Linearity’s motion layer with Lottie, shipping complex animations as lightweight, vector-based assets. The result: smooth playback, crisp rendering at any resolution, and reliable performance across devices, without asking the browser to work overtime.

Every animation is intentional. Reacting to scroll, hover, and state changes to clarify what’s interactive and what matters next. Timing and easing were tuned carefully so motion feels fast and fluid, expressive, but never in the way.

Have a look and see how it feels in motion: https://www.linearity.io/

16/03/2026

Designing for millions of designers isn’t easy.

Designers notice everything. That’s not something you take lightly when they’re the ones judging your work.

The brief sounds easy enough on paper–build a world-class website for a product that designers use every day.

But the people who’d be looking at this thing, really looking at it, were professionals with trained eyes and strong opinions about what good looks like. Every pixel would get an opinion. We felt that.

Three questions kept us honest through the early weeks.

1️. How do we leverage the rich visual language and artwork they already had without overwhelming users or harming performance?
2️. How do we design a system their team could scale and maintain over time?
3️. How do we balance excitement and clarity, giving a product that already feels magical the stage it deserves, without getting in the way of the user?

We were deep in it, maybe too deep, when one of our PMs, walked into a particularly tense meeting and said one word: “Chill.”

You heard the proverbial pin drop. Then she made her point as cool as a cucumber: we’ve done this before.

We’d branded governments, a $25B unicorn, the world’s largest mental health provider, and worked with Apple. Surley, designers weren’t the scariest room we’d ever been in.

Trust the process, she said. Designers will know. They’ll feel it.

She was right. We knew this. We’d always known this. Once the pressure came off, we stopped getting in our own way, and the work spoke for itself.

09/03/2026

We often work with founders and CEOs who need products that help close rounds, teams that rely on design to build credibility and momentum.

With Linearity (formerly Vectornator), credibility still mattered, but not to close rounds. The story was different.

By the time we got involved, Vladimir had already had enough investment. The product was loved by millions of designers and trusted by teams at Disney, Marvel, BBC, and Apple. But their website didn’t match the product experience and fell short of conveying the excitement and buzz within their community.

They needed a team to help turn that vision into a digital reality. That’s where we came in, an honor, and a big challenge. Because the people we needed to convince with design weren’t investors, they were designers. A much tougher crowd.

But let’s rewind, because this is the kind of story that deserves to be told properly.

It starts with a 17-year-old kid, Vladimir, born in Romania and raised in Germany, ran into a problem many designers know all too well: he couldn’t find a design tool that felt right for the illustrations he wanted to make.

Most kids would’ve given up, turned on the TV, and moved on. Vladimir didn’t.

Instead, he decided to build his own solution. Armed with YouTube tutorials and forum posts, he started writing his first lines of code. What began as a hobby slowly turned into something much bigger.

Fast forward a few years, and that side project grew into a product designers genuinely cared about.

That’s when we got involved, to help bring the same level of care and quality to the website. We’ve now been working together for 7 years, watched the product grow, evolve into Linearity, and we recently launched their new website.

We’ll be sharing more from this project soon.

Follow along, it turned out pretty cool.
https://www.linearity.io/

07/02/2026

Some mockups from ComPsych’s branding.

05/02/2026

Some more elements from ComPsych’s branding: the color palette is inspired by the sky, echoing the symbol, which looks like a sun rising on the horizon. The main typeface, Beatrice, is clean and modern, reflecting innovation and sophistication, and we paired it with Bright Clones, a handwritten font that adds a human touch, the mix of precision and warmth keeps it approachable while still feeling professional. Type hierarchy, color combinations, and gradients all work together to create a cohesive system that brings the brand to life. The guidelines were shared with the team in Figma and also showcased on a public website, which went on to win and more.

Take a closer look here:https://compsych.konpo.co/

05/02/2026

Some more elements from ComPsych’s branding: the color palette is inspired by the sky, echoing the symbol, which looks like a sun rising on the horizon. The main typeface, Beatrice, is clean and modern, reflecting innovation and sophistication, and we paired it with Bright Clones, a handwritten font that adds a human touch, the mix of precision and warmth keeps it approachable while still feeling professional. Type hierarchy, color combinations, and gradients all work together to create a cohesive system that brings the brand to life. The guidelines were shared with the team in Figma and also showcased on a public website, which went on to win , and more.

Take a closer look here: https://compsych.konpo.co/

03/02/2026

And without further ado, ComPsych’s new logo.
They’ve been using it for months now. It’s already been featured by and covered across multiple publications, but it’s finally our turn to share it.

The logo brings together the refined wordmark and the new symbol, inspired by a rising sun, a new dawn for ComPsych and mental health / employee assistance. The central sphere represents wholeness, while the subtle gradient ripples suggest expanding impact and ongoing support.

The color transitions speak to adaptability and positive transformation, key qualities in ComPsych’s approach to business. The result is a clean, modern identity that reflects both ComPsych’s 40+ years of leadership and its ability to evolve with the times.

We’re proud of the result and grateful for the trust. Working with a brand of this scale and recognition always comes with pressure, and it’s one we’re happy to take on.

Konpo Studio

17/04/2026

07/04/2026

23/03/2026

20/03/2026

20/03/2026

16/03/2026

09/03/2026

07/02/2026

05/02/2026

05/02/2026

03/02/2026

Address

Website

Alerts

Contact The Business

Shortcuts

Share