Solo Sites / Free edition
Give your work some daylight.
A cinematic creative-studio website with amber light, asymmetric case studies and an interactive studio notebook. Four editable Framer components plus a complete HTML website.
A complete one-page website · Four editable Framer code components + standalone HTML/CSS/JavaScript edition
A working example. Open the live demo to explore the interactions.
Inside the free edition.
01 / A complete one-page creative-studio website
02 / 4 independent Framer components: EmberCover, EmberWorks, EmberStory and EmberClosing
03 / A separate offline HTML/CSS/JavaScript website
04 / Editable brand, headlines, copy, images, colours, font controls and contact links
05 / Work filtering and native case-study dialogs with Escape and focus return
06 / 3 interactive notebook pages with tab, arrow-key, Home/End and Previous/Next navigation
07 / 3 original AI-assisted fictional example images, an original vector poster and 3 original notebook diagrams
08 / English self-serve guide and a free license for multiple finished commercial websites
A studio site with room for your work.
01 / Choose your edition
Download and extract the ZIP. Open index.html for the complete local HTML website. For Framer, insert EmberCover, EmberWorks, EmberStory and EmberClosing into a blank page in that order using the four links below, or import their TSX source files.
02 / Build the page
Keep the Framer page in a vertical stack with zero gap. Set all four sections to Fill width and Fit Content height. Edit the brand, headline, project images and text, notebook pages, colours and fonts in their property controls.
03 / Put your details in place
Replace the example contact link with your email, booking page or contact destination. Test project filtering, case dialogs, notebook navigation and your phone layout before publishing. The guide explains the separate HTML config and how to replace the fictional example imagery.
Insert the four sections in this order.
Free for the work you finish.
Use and adapt this edition in multiple completed personal, commercial and client projects. Credit is optional. Keep the reusable source and assets inside your finished design rather than repackaging or redistributing them as another resource. The ZIP includes the full license and English guide.
Get the free files
Wuren Studio. Digital goods with a point of view.
Paid orders and delivery are handled by Lemon Squeezy.
For order or product issues, use the seller contact shown on your receipt.