FreeAgency and studio4 pages

Atelier Orbit

A light, image-led site for an independent design studio: a live 3D kinetic object in the hero, a pin-up grid of work, case studies from the CMS, services, process and a brief form.

CMSMotionForms

Use this template Open full demo

template-preview.xodia.ai/atelier-orbit/

The Atelier Orbit template, Home page on desktop

What's included

Everything in Atelier Orbit

Use it and your new project gets the whole site, as real code that stays yours to edit.

The site

4 pages, including 1 collection page
17 sections, each editable in Design
Xodia Motion: entrances, scroll reveals and hovers
Forms you connect to Xodia Forms with one switch
23 images in your Assets
Theme colours and fonts in Variables

Collections

Projects6 projects, each with its own page at /work

Edit them and their items in the Content tab, on every plan. See Xodia CMS.

Every page

4 pages, ready to edit

Choose a page to see it live in the demo above.

Make it yours

From Atelier Orbit to your own site

Use this template and Xodia opens your new project in Design, with a Make it yours checklist on the canvas. Each step opens the place to do it.

Your name and logo: double-click the name in the nav to rename it, and add your logo in Assets
Brand colours and fonts in Variables, set once so every page follows
Your own photos in Assets, in place of the sample ones
Your own items in the Content tab: projects
Page titles and share images in each page's settings
Or copy the prompt made for Atelier Orbit, and your AI rebrands the whole site

Start from a template in the docs

Publish

Make it yours2 of 6Atelier Orbit is your starting point. A few steps to make it your own:Your name and logoDouble-click it in the nav to rename.AssetsBrand colours and fontsSet once, every page follows.VariablesSwap in your photosDrop your own images in.AssetsYour own contentEdit the collections.ContentPage titles and share imageIn each page's settings.PagesOr ask your AIA prompt made for this template.Copy

Credits and license

Photos you can use

Atelier Orbit has 13 free-license photos from Unsplash, under the "Orbit No. 4", the real time 3D object in the hero (three.js with @react-three/fiber and @react-three/drei), original to this template and Still pictures rendered from that scene, shown before it loads and when it can't run and The Atelier Orbit mark (a ring with one point), original to this template and Unsplash License: free for commercial use, with no credit needed on your site. Each is credited in CREDITS.md in your project, with its photographer and source.

The business, its people and its text are sample content, and no photo shows a real customer. Replace them with your own.

Atelier Orbit is under the Xodia Template License: use it for your own and your clients' sites, but don't resell it as a template.