Design7 min read

Why AlchemiStudio has no rounded corners

Zero border-radius, no fills, hard shadows. Why AlchemiStudio's design system starts from a line, not a shape — and what that constraint made possible.

Sanchuna SUX/UI Designer

September 22, 2026

Look closely at AlchemiStudio and you won’t find a single rounded corner. Not on a button, not on a card, not anywhere. That’s not an oversight. It’s the whole idea.

To see why, start somewhere else. What is a neural network, really? Strip away the math and draw it, and you get dots joined by lines.

Take anything complicated apart (a city map, a page of writing, a machine) and keep going. Eventually you hit the same thing every time. The streets on the map, the strokes of each letter, the edges of every part, the links between every node: it’s all lines.

The line is the building block underneath all of it.

The AI world is the same

Look at AI inside a company today. Chatbots. Agents. Automations and workflows. Apps and websites built in minutes. Creative work, routine work, work nobody notices is automated anymore.

It’s a world of countless shapes, and it’s growing faster than anyone can keep track of. You can’t govern something that complicated by looking at every shape on its own terms. To govern it, you have to see it at its simplest: as lines. Who is using what. Which model. What it cost. What it touched.

Gestalt psychology has a name for this: the law of Prägnanz. When people face something complex, they perceive it in the simplest form they can. A dashboard that shows every AI tool on its own terms leaves that work to the viewer. A good governance view does the simplifying for them.

That’s what AlchemiStudio does. Cockpit brings every piece of AI activity into one view, reduced to what matters: access, spend, policy and a full audit trail. From there, you can monitor it, govern it and control it, all in one place.

The lines, and where they’re drawn

Seeing clearly is only half of it. AlchemiStudio also gives you the space to build.

Copilot is where business teams create and run their own agents.
CoDesk is where each person gets one place to work, without jumping between platforms.
Console is where developers connect models and tools.
Compute is where every run executes, isolated and secure.

Cockpit watches over all four.

So you don’t just watch the shapes AI takes. You decide how they’re made.

An interface built on the same idea

If AlchemiStudio’s job is to reduce complexity to lines, the product should look like it, all the way down to its corners.

In AlchemiStudio, border radius is zero. Every edge of every control is a straight line meeting another straight line. Straight lines stand for structure: fixed, predictable and the same every time.

That’s one of three laws the design system is built on:

Nothing is rounded. Border radius is zero.
Nothing is filled. Buttons, inputs, badges and chips have no background colour. They’re defined by their outline alone.
Every shadow is hard. No blur, offset down and to the right, and always the same colour as the element’s own border.

Together, they mean every control in the product is drawn, not painted: a line, an outline, and a solid shadow cast by that same line.

For designers, the obvious risk with outline-only controls is accessibility. When a button has no fill, its border is the only thing telling you it’s a button. That makes WCAG’s non-text contrast rule (1.4.11, at least 3:1 against the background) essential, not optional. So every control border uses a 600-weight colour or darker, and every text label uses 700 to clear the 4.5:1 text ratio.

The restraint also makes emphasis effortless. In most interfaces, emphasis is expensive: when every element already has a fill and a colour, standing out takes something bigger, brighter or louder, and each new highlight makes the screen noisier. Only the primary button carries a shadow, and there’s only one per view. That’s the Von Restorff effect, also called the isolation effect: when one item differs from everything around it, it’s the one people notice and remember. When nothing else is loud, one hard shadow is enough to say “start here.”

So why no rounded corners?

Because AlchemiStudio is in the business of boundaries.

Governance comes down to drawing lines: who can use which model, how much a team can spend, what an agent is allowed to touch. Those lines only work if they’re exact. A policy either applies or it doesn’t. A budget either holds or it doesn’t.

A square corner says the same thing. It’s the exact point where one line ends and the next begins. Nothing is approximated, and nothing is hidden in the turn.

A rounded corner softens that edge. It makes software feel approachable, which is why so much of it looks that way. But softness is the wrong promise for a product that holds the limits of AI inside a company. When you set a limit in AlchemiStudio, it should look like a limit.

We didn’t make this call blind. The research behind the rounded-corner instinct is real, but it comes from the lab: Bar and Neta (2006) found that people prefer curved objects to sharp-angled ones, likely because sharp contours read as a threat. Those were pictures of everyday objects and abstract patterns, not interfaces.

And when the question moves from the lab to real interfaces, the preference for curves all but disappears. In 2026, a team of experimentation researchers, including Ron Kohavi, Andrew Gelman and Guido Imbens, tested square against rounded buttons on three live websites with more than 7 million users combined. They were checking an earlier study that claimed rounded elements lifted clicks by 55%. The real-world lifts were a fraction of a percent, and none was statistically different from zero. The shape of a corner barely changes whether people click. That leaves it free to carry meaning instead.

Breaking convention has a cost too, and designers know it as Jakob’s law: people spend most of their time in other products, so they expect yours to work the same way. That’s why the break is visual only. A button in AlchemiStudio still reads and behaves like a button: labelled, outlined, pressable, and in the place you’d expect. Only the corner changed.

It’s also a matter of keeping our word. This product asks you to see AI as lines. It can’t then round off its own. Every rounded corner blends two straight lines into one and hides where each begins.

So zero radius isn’t a matter of taste. It’s the product’s promise, drawn at the smallest scale it can be: every edge exact, every boundary visible, every line kept a line.

What the decision broke

Choosing sharp edges wasn’t free. Soft corners are the safe choice for enterprise SaaS for a reason: they feel friendly and easy to approach. We chose sharp edges anyway, because AlchemiStudio’s design language had to carry the product’s ideology. If the product is about exactness, the interface has to be exact too.

Then the problems showed up. With no fills, and every control drawn as the same sharp outline, the interface lost its usual cues. It was hard to tell what could be clicked, what was active and what was being hovered. At rest, a button, a card and a static panel looked alike. Nothing told you what was alive.

Most systems solve this with fills: a coloured button, a tinted selected state, a shaded hover. That option was gone, so we needed another signal.

The answer became the gradient. At rest, everything stays as it is: a plain border and a sharp edge. The moment someone engages with it, it changes. The border turns into the orange-to-blue gradient and a hard shadow appears. The gradient never shows up on anything static, so whenever you see it, you know something is responding to you.

That limit ended up shaping the whole language. The gradient, the hard shadows and the hover interactions grew out of solving what zero radius and no fills broke. The constraints didn’t weaken the system. Most of it came from them.

What square corners make easier

Square corners also made the system easier to build, in three ways.

The hover gradient. The interaction gradient runs orange to blue at 135°, the same angle as the logo. With rounded corners, a gradient border needs a masking workaround. With square corners, it just works.

The focus ring. A plain 2px outline follows a square element exactly. There’s no custom styling needed for keyboard users.

That matters more than it sounds. WCAG 2.4.7 (Focus Visible) requires keyboard focus to be visible. When the simplest possible focus style is also the correct one, it never gets skipped.

Borders that render cleanly. The system uses exactly three weights: 1px for structure, 2px for controls, 3px for emphasis. There are no fractional values, because they render unpredictably on some screens.

Square edges also help the Gestalt law of continuity: the eye follows elements that line up along a line. When every element ends in a square corner on the same grid, edges across the screen line up into continuous lines the eye can follow, and tables, forms and panels read as one structure.

Space does the grouping

Without fills or rounded containers, the usual ways of grouping things on screen are gone. What’s left is space.

Items that sit close together read as related. That’s why every padding, gap and height follows a strict 4px grid, and why line-heights must resolve to multiples of 4. When space does the grouping, it can’t be approximate.

Designers will recognise the trade. Most interfaces group things with the law of common region: put related items inside a shared boundary, like a card, and people see them as one group. AlchemiStudio doesn’t reach for a card background to group things. The Gestalt law of proximity does that work instead: things close together are seen as related, and things apart aren’t. Proximity only works when spacing is consistent, which is exactly what the grid guarantees.

Drawn, never static

The same principle carries into motion. In AlchemiStudio, nothing is just placed on the page. It’s assembled or drawn.

In the product, the primary button shows it. Hover over it, and it lifts 2px while its shadow grows. Press it, and it sinks into the page while the shadow shrinks. The outer edge of the shadow never moves, so the button feels like a real object being pressed.

In Don Norman’s terms, the lift on hover is a signifier: it tells you this can be pressed. The sink on press is feedback: it confirms the press registered. For people who set their device to reduce motion, the movement is removed but the state change stays, so the feedback survives without the motion.

Across the brand, line-art illustrations follow the same rule. They draw themselves in, line by line.

Back to the line

A map, a letter, a machine, a neural network: complex on the surface, simple underneath. AI inside a company is no different.

AlchemiStudio is built to show you the lines, and it’s built from them.

References

Next step

See what AlchemiStudio can do for your team

Take this from insight to execution with AlchemiStudio.

Talk to us