Eldren Labs
The lab

Old wisdom, new instruments

The lab is where the studio keeps its fixed points: the decisions made once and built on, and the instruments it builds to move everything else.

01

Fixed points

Decide once, write it down, build on it. Tokens, names, and contracts don't drift. The things that shouldn't move, don't. Everything else is free to.

02

Instruments, not ornaments

Every element earns its place or leaves. Motion answers a hand, color marks a signal, mono measures a fact. If it only decorates, it goes.

03

Show the work

The system that built this site is on display below: the same tokens, type, and motion running every Labs surface. No secret sauce, just kept promises.

Specimen

The system, showing itself

Surfaces / hue 260, lightness only
oklch(0.11 0.003 260)inset / log
oklch(0.16 0.004 260)page
oklch(0.20 0.004 260)panel
oklch(0.24 0.005 260)hover / top
Signals / one at a time
oklch(0.58 0.19 20)cranberry, the signal
oklch(0.62 0.12 152)forest, success
oklch(0.86 0.05 225)icy, info

One primary action per view. If two things are cranberry, one is wrong.

Type / grotesk speaks, mono measures
Schibsted Grotesk speaks.
0123456789 · v2.4.1 · 12:05:09

A number a user compares is mono; a sentence never is.

Shape / tight edges
8
12
16
99

7–9px controls · 10–14px cards · 16–18px containers · pills only at 99.

Motion / answers a hand
v += -0.16x · v *= 0.82

cubic-bezier(0.22, 1, 0.36, 1) · transform and opacity only · nothing loops.

The mark

Four square-cap arms, one off-axis dot. Draws on once per load, never loops. The only logo the studio owns.