Inside the Nokken website design
Nokken is a travel website built with Squarespace. Its pages are built from features, hero, editorial, gallery, feature card, pricing, product demo, blog, and footer sections, shown here in full-page captures and a scroll recording. Typography: Nokken (display text and headings) and Acumin Pro (body text). Colours: background #F3EAE4, text #000000, surface #2B1913, secondary text #C4B8AE.
Nokken creates the most efficient & economic platform possible for hotel operators & landowners to start or diversify a retreat cabin hospitality offering. Its visual style is editorial, minimal, and photographic, with navigation bar, hero with background imagery, and logo strip among its components.
Why we picked it
A warm blush background sets off crisp dark cabin photography, letting the timber and black steel textures read as premium without extra decoration. Two column splits and a centered serif statement break the long page into calm chapters, while a dark brown band and sustainability icon later shift the mood for variety.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- Hero: a specific headline instead of a generic slogan
- Editorial: expressive typography with comfortable reading measure
- Gallery: minimal interface around the images
Questions designers ask
What fonts does Nokken use?
Nokken uses Nokken for display text and headings, and Acumin Pro for body text, measured from the captured page's CSS.
What is the Nokken website built with?
The Nokken website is built with Squarespace, detected when the page was captured.
What colours does the Nokken website use?
Measured from the captured page's CSS, the Nokken website uses #F3EAE4 for the background, #000000 for text, #2B1913 for surfaces, and #C4B8AE for secondary text.
What sections does the Nokken website have?
The Nokken website includes features, hero, editorial, gallery, feature card, pricing, product demo, blog, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
