WELCOME TO MOTIF

MAKE IT YOURS.

MAKE IT YOURS.

A bold starting point for independent studios. Native layouts, CMS project pages, original art, and motion that is easy to make your own.

01

Start with your identity

Change the logo in the shared Navigation component. Edit the shared color styles and text styles to update the visual system across the site.

02

Add your own work

Open the Projects CMS collection. Replace the four concept projects with your own names, cover images, descriptions, and deliverables. The homepage, work grid, and case-study pages update together.

03

Set up contact

Replace hello@example.com with your own address and configure the native form destination before publishing. The contact page includes required fields and pending, success, error, and incomplete states.

04

Tune the motion

Edit native text reveals, hover effects, image parallax, and the rotating Signal mark in Framer. EmberField controls its spark color, density, and speed. It respects reduced motion and pauses when offscreen.

05

Prepare to publish

Review desktop, tablet, and phone layouts. Set your site title, description, social image, favicon, domain, and contact destination. The project imagery represents fictional concept work, not real client endorsements.

Create a free website with Framer, the website builder loved by startups, designers and agencies.