Website Concept · Editorial publication
Harbour Notes
An editorial website study exploring clarity, slow content consumption and flexible content hierarchy.
01 · Challenge
The design problem.
How can a publication make discovery feel generous and unhurried while still giving readers a clear route through different kinds of content?
02 · Objectives
What I wanted to achieve.
- 01Create a calm but recognisable editorial hierarchy.
- 02Make article, guide and feature formats easy to distinguish.
- 03Design for sustained reading rather than rapid content density.
- 04Let the system collapse cleanly on smaller screens.
03 · Design direction
A clear visual point of view.
Warm cream, deep brown and quiet neutral photography create a publication that feels collected rather than styled. A Crimson Pro-inspired serif establishes the reading voice, supported by small rules, restrained labels and generous margins.
Design principles
- 01Clarity over adornment
- 02Timeless typography
- 03Purposeful white space
- 04Content-first layout
- 05Consistent visual hierarchy
04 · Final design
Selected direction
05 · Reflection
What stayed with me.
The strongest part of this direction is its refusal to fill every space. It made me think about how a publication can feel current without relying on an endless feed. If extended, I would develop the article template, topic archive and a more considered saved-reading pattern.
06 · What I explored
The threads inside the work.
- Editorial hierarchy
- Reading-focused UX
- Flexible publication layouts
- Content-first responsive design