Styleguide
Colour
Background/Page
#FFFFFF, Page
Background/Soft
#F4F4F4, Soft surfaces
Background/Dark
#0F0F0F, Menu pill, dark surfaces
Text/Primary
#0F0F0F, Text
Text/Secondary
#6B6B6B, Labels and quiet text
Accent/Lime
#C8F031, Current page, main action
Type: Schibsted Grotesk
Steel, glass and paper
Title 56 / 44 / 32
Steel, glass and paper
Lead 24 / 22 / 20
Steel, glass and paper
Body 16
Steel, glass and paper
Label 14
Grid and space
Images sit 8 px from the edge and 8 px apart (6 px on phones), corners round to 4 px. Text rows split the page in two halves on the same line as the images.
Motion
The home wall scrolls on its own: wheel, trackpad, touch and arrow keys ease it over 0.24 s and it never ends. Images open in a viewer that grows out of the tile. Hovers answer in 0.15 s. With reduced motion turned on, all of it stops.
Components
Menu: a dark pill fixed to the bottom of every page. The current page turns lime.