An editable collection of tabs, questions, quotations, galleries and calls to action. Native Foundation 6 layouts, styled as one visual language. Change the content in Total CMS; keep the craft in your hands.
Group product details, service options or practical information. These tabs become an accordion on a phone.
A small collection of useful objects with a restrained shape and a tactile finish. Everyday rituals give these pieces their purpose: a place for coffee, a quiet desk, a shelf that holds only what matters.
Use this panel for a product story, a service overview or the central promise of your offer. Keep the idea clear; let the material and photography provide the detail.
Finish · Natural, matte surfaces that reveal their texture in changing light.
Palette · Stone, charcoal and warm neutral tones, chosen to sit comfortably beside wood, paper and linen.
Format · Replace these sample details with dimensions, available options and the technical information a customer needs to make a considered choice.
Keep practical instructions close to the product story. Use this panel for care advice, delivery information, setup instructions or a downloadable guide.
Explain what to do first, how to look after the object and where to find help. Clear, useful guidance turns a purchase into a lasting relationship.
This is demonstration content, ready to be replaced with guidance appropriate to your own product.
Use an accordion for useful answers, service details or product specifications. Visitors can open only the information they need.
Change the shared typography, colors and page spacing in the Global Styles Partial. Foundation 6 Theme Settings remain the base; individual modules carry only their own local Swatches.
Each complete module lives in a Folder with its matching Swatches. Move or duplicate the Folder to reuse the content and its styling together. Rename a local class when you want the copy to look different.
Use the Transition Swatches to adjust hover and open states. Motion should clarify a change without shifting the surrounding layout. The Home scroll sequence is a separate module, not a requirement for other pages.
The blog, contact form and legal pages currently use demonstration content. Replace those entries, connect forms and your CMS, and review links and legal information before publishing.
“
The best design gives an idea room to breathe — and a clear point of view to return to.
Design principle · Demonstration quotation
A studio enquiry, a new destination, a collection ready to launch. Give your next chapter a clear invitation — and make the next step effortless.
Start a conversation →