04 Foundations

Radius & shadows

The most distinctive shape is the asymmetric image frame. Elevation is discreet and always navy.

The Nearshore Company logo

Radii

8px
--radius-sm
12px
--radius
999px
--radius-pill
72px
--radius-img

Shadows

Shadow 1
resting cards
Shadow 2
dialogs and overlays

Asymmetric frame

Ebook page with manufacturing teams

Rule

border-radius: 12px 72px 12px 72px;

One or two opposite corners take the large radius. Never all four, never zero, never a full circle for photography.