Brand & product design — Oslo / Berlin

We design the parts people actually touch.

A two-person studio working with founders on identity, product interfaces, and the systems that keep them consistent as the team grows.

Start a project See selected work

Identity

Naming, wordmarks, and the rules that keep a brand recognisable at 16 pixels and on a billboard.

Product interface

Onboarding, dashboards, and the flows that decide whether someone stays past the first session.

Design systems

Tokens, components, and documentation your engineers will actually keep using after we leave.

They rebuilt our onboarding in six weeks. Activation went up 34% and support tickets halved.

Mira Halvorsen — CEO, Tally

Two slots open for Q1.

Tell us what you are building and where it is stuck.

[email protected]

What the Glassmorphism style is doing

The whole effect rests on one CSS property: backdrop-filter, which blurs whatever sits behind the panel rather than the panel itself. That is why the colour field is drawn as two fixed radial gradients in the body background — the panels have something worth blurring. The hairline border is a 1px rgba white at around 20 percent, and the top edge carries an extra highlight, which is what separates glass from frosted plastic.

The panels blur the colour field behind them, not the page content

A 1px light border plus a top highlight fakes the edge refraction

Small text sits on the darkest part of the field for contrast

Stylesheet

289 lines · 45 rules

Typeface

one webfont

Built with

backdrop blur · 1px light border · gradient field

Where it breaks: Against a busy photograph the blur stops helping and body text drops below readable contrast within one scroll.