About Origin® Studio
About Origin®
Origin®
Built for brand studios and the teams that sell craft: identity, packaging, photography and print.
The whole thing runs on ten CMS collections. Add a project and it lands on the home page, the Work grid and its own case study page without touching a single layout. Publish an article and it shows up in the Journal, filed under its category with its author attached. Services, testimonials, clients, awards, FAQ and legal pages all pull from the CMS too, so the copy lives in one place.
Twenty custom code components come bundled in: five WebGL glass pieces (Glass Card, Glass Outline, Glass Spheres, 3D Glass and Shatter Glass), a testimonial rail, three galleries, a shutter pre-loader and a native page transition, each with its own property controls. A Design System page documents every color, text style and component, the bundled /design-system skill lets Framer's agent build new pages in Origin's own system, and every page holds up across desktop, tablet and phone.
What's inside:
Ten CMS collections: Projects, Services, Testimonials, Clients, Awards, Blogs, Authors, Journal Categories, FAQ and Legal, all connected so content updates ripple across the site.
CMS-driven Work page: every project gets its own case study page from the same template.
Journal with categories: a working blog with authors and a category filter, not a bolt-on.
WebGL glass components: five glass pieces that set the tone before a visitor scrolls.
Shutter preloader and page transitions: the site feels like one piece from first load to last click.
Agent Template: a Design System page plus the /design-system skill, so Framer's agent builds in Origin's own styles.
Contact page with form: a clear path from the work to the conversation.
Custom 404: a shattered glass page instead of a dead end.
Pages:
Home
Work (CMS Collection)
Project Detail (CMS Single)
Studio
Journal (CMS Collection)
Article Detail (CMS Single)
Contact
Legal Details (CMS)
Design System
404
