FORME / an original template by Sami HaraketiGet the template ↗
FORME.
Menu +

Template guide

A good foundation.
Room to make it yours.

The FORME editing guide: page structure, design system, motion, contact behaviour and photography credits.

The design system.

Ivory
#EEEDE7
Dark olive
#252C24
Clay
#B26B4B

Arial carries the main typography. Georgia adds the italic editorial accent. These system fonts avoid an external font request. The visual classes begin with fm- so you can find the template’s styles in Webflow.

Edit with confidence.

01 / Identity

Replace the FORME wordmark and demonstration studio copy. Update contact details, footer labels and navigation consistently across the pages.

02 / Content

Duplicate a project or article page to add a new story. Give it a unique slug, title and description, then link it from the appropriate index.

03 / Images

Choose a managed Webflow asset for each image. Check the crop on all four breakpoints, update the alt text and keep a record of image permissions.

Motion and contact.

Page layouts, typography and images are native Webflow elements. The small footer script adds reveal effects and prepares the contact form’s email draft. Motion is disabled when the visitor requests reduced motion.

The contact form opens an email draft rather than sending to a server. Update the recipient in the visible links and the page script. For stored submissions, replace it with a configured native Webflow form and verify delivery in the buyer’s own project.

The mobile menu and FAQs use disclosure controls. They work without the animation script.

Before a client launch.

Replace demonstration narratives with genuine project information. Check contact methods, navigation links, forms and images. Test the delivered project on the intended phones, tablets and desktop browsers.

Preview pages on Sami’s website are marked noindex. When launching a buyer’s real studio website, remove the demo setting, update canonical URLs, set genuine business metadata and review the sitemap.

Photography credits.

These photographs are reference imagery, not evidence of commissions by the demonstration studio. Each source below identifies the photographer and original photograph.

Read the Unsplash licence. It is separate from the template design and does not transfer ownership of the photographs.

Purchase and delivery.

Request purchase details from Sami. Confirm the price, licence, Webflow delivery arrangement and any customisation before payment. Hosting and domain services are separate. No instant checkout or automatic download is provided by this demo.

Request the template