WELCOME TO MOTIF
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.