← 3D Elements / Interactive style page
Northline Studio

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.

01

Identity

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

02

Product interface

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

03

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]

About this preview

What the 3D Elements / Interactive style is doing

The extruded headline is five stacked text-shadows offset by one pixel each, which is cheaper and sharper than a real 3D transform. Cards tilt using rotateX and rotateY on hover, with perspective set on the parent so the vanishing point is shared. Only hover moves — touch devices and reduced-motion users get the flat state, which is the part most implementations forget.

Stylesheet
109 lines · 37 rules
Typeface
one webfont
Built with
stacked text shadows · hover tilt · shared perspective

Where it breaks: Continuous pointer tracking on many cards will drop frames on integrated graphics; the effect needs to be limited to the card under the cursor.