Kokopako (Site of the Day - Dec 13, 2016) — UI design breakdown

Portfolio of Clément Pavageau - Kokopako - Sourced from Awwwards. Use this page as a UI breakdown: reverse-engineer hierarchy, color roles, and interaction cues before you remix ideas into your own screens.

Study how Kokopako separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Dec 13, 2016.
Extracted palette (#9C9C9C): check which hues carry brand vs utility chrome.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
Related themes: Web & Interactive, Portfolio, Responsive Design, Typography, GSAP, Hammer.JS.

Analyze your UI with AI feedback
Generate a UI practice challenge
Browse UI color palettes
Browse Google Font pairings
More award-winning website designs

Kokopako award-winning website design screenshot 1

Kokopako award-winning website design screenshot 3

Kokopako

SOTD

Awwwards

Portfolio of Clément Pavageau - Kokopako -

Loading