01
Hierarchy
Collage free editorial grid organizes content into distinct structural zones.
Editorial grid layout emphasizing a single focal gesture with alternating text density throughout the main content zones.
Design reading
Fictional Luxury spa website design concept for Fieldmark Lab, with a clear service journey, practical information, FAQ, and inquiry path. Conceptual layout utilizes a collage free grid anchored by one dominant focal gesture. Alternating text density creates rhythm alongside blank spaces. Clear white backgrounds frame moss and soft black typography for comfortable flow.
Independent fictional concept study; not client work or a live business.
Information and action
The notes explain the intended function of the concept rather than presenting the fictional brand as a client or live organisation.
01
Collage free editorial grid organizes content into distinct structural zones.
02
One strong focal gesture captures attention above alternating text density.
03
Clear white surfaces highlight moss and soft black typographic hierarchy.
Responsive thinking
The long presentation image is a showcase artefact. A live project would be rebuilt as responsive HTML rather than served as one tall image.
Mobile / 01
Single column stacking adapts the editorial grid comfortably for mobile screens.
Mobile / 02
Tighter padding preserves content hierarchy while optimizing touch interaction areas.
Delivery
Content, images and actions would be separated into accessible page components, with real text and controls at every viewport.