Plinth

Plinth

#001

Nothing is separated by a line. Everything is separated by a surface.

SPECIMEN / PLINTH

00 / FIRST IMPRESSIONProduct page

NORTHSTAR ONE

Everything you need.
Nothing you don't.

A precision desktop object that keeps power, ports and cables beautifully within reach.

Floating translucent glass panels in cobalt and violet light
1.8 kgWEIGHT
0 hrBATTERY
0PORTS
0FINISHES
Flowing cobalt and violet translucent forms
01

Made to stay

Solid aluminium, balanced for one-handed use.

02

Quiet power

All-day power without fans, lights or noise.

03

One clear surface

Every connection hidden beneath the object.

Core

$248

Northstar One in aluminium.

MOST CHOSEN

Studio

$328

Northstar One with walnut riser.

Archive

$412

Northstar One with riser and cable tray.

01 / THE DENSE CASEOrder and returns

0ORDERS
$2,164LIFETIME
0OPEN RETURNS
Sep 2024CUSTOMER SINCE
OrderItemsStatus
28 Aug 2026PL-4796Plinth Stand, Slate + Riser$412.00In transit
19 Jul 2026PL-4588Cable Tray + Riser, Large$164.00Delivered
11 Aug 2026PL-4703Riser, Small$96.00Returned
04 Sep 2026PL-4821Plinth Stand, Walnut$248.00Delivered
02 Aug 2026PL-4650Plinth Stand, Oak$248.00Delivered

SHIPMENT PL-4796

  1. Order placed
  2. Packed
  3. In transit
  4. 4Delivered

Arriving Friday 12 September, signature required.

02 / THE FLOWThree-step checkout

Delivery details

03 / THE PROOF

Buttons

Rest, hover, active, focus, disabled and loading are separate visual states.

Inputs and selects

Type in the field, tab through it and leave it empty to see the error state.

Selection controls

Each control reflects its real value and updates on click and on keyboard.

Overlays

Tooltip on hover and focus, dropdown and modal close on Escape and on an outside click.

Exports a CSV of the current view.

Accordion

One panel open at a time, toggled by click or keyboard.

Settings for billing apply to the whole workspace and take effect immediately.

Status messages

Four tones, each with its own colour, marker and copy.

Two seats leftAdd seats before inviting more members.
Changes savedYour workspace settings are up to date.
Card expires soonUpdate the card before 30 September.
Payment failedWe could not charge the card on file.

04 / FOUNDATION

SURFACES

TEXT

BORDERS

ACCENT AND SECONDARY

STATUS

TYPE SCALE

The quick brown fox

displayXl96px700LH 0.94LS -0.03em

The quick brown fox

display64px700LH 0.98LS -0.028em

The quick brown fox

title40px700LH 1.05LS -0.022em

The quick brown fox

lead26px500LH 1.35LS -0.01em

The quick brown fox

body17px400LH 1.6LS 0

The quick brown fox

small14px400LH 1.5LS 0

The quick brown fox

label13px500LH 1.4LS 0.01em

The quick brown fox

footnote11px400LH 1.45LS 0

SPACING

space-14px
space-28px
space-316px
space-428px
space-548px
space-680px
space-7132px
space-8220px

RADIUS

radius-control
18px
radius-button
980px
radius-input
12px
radius-separator
0px

BORDERS

border-width1px
separator1px / radius 0

ICONS

style
line
stroke
1.75px
linecap
round
corners
round
grid
24px
source
lucide-react

LAYOUT

max width
1120px
columns
12
gutter
24px
breakpoints
600px / 900px / 1280px
align
centred

MOTION

ease out
cubic-bezier(0.16, 1, 0.3, 1)
ease in-out
cubic-bezier(0.65, 0, 0.35, 1)
fast
180ms
base
320ms
slow
520ms
lift
0px
reveal
16px
stagger
60ms
allowed
opacity, translateY, background, border, filter
forbidden
scale, rotate, bounce, parallax, skew

END OF SPECIMEN