← Dark Mode 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 Dark Mode style is doing

A dark theme is a contrast problem before it is a colour choice. Surfaces step from #0e1116 to #171c23 rather than jumping to grey, borders sit at roughly 8 percent white so they read as edges without becoming lines, and the accent is reserved for interactive elements only. Nothing is pure black and no text is pure white, because both extremes produce halation on OLED screens at night.

Stylesheet
47 lines · 30 rules
Typeface
system fonts only
Built with
value-stepped surfaces · 8% borders · one accent

Where it breaks: Once an image with a white background appears, the illusion collapses — dark themes need dark or transparent assets, not a CSS filter.