STUDIO 1912 / CMS GUIDE
CMS Guide
Everything on the site that repeats — events, people and films — lives in the CMS. Each entry fills a card in a list, drives a page of its own, and feeds anywhere else that content appears. Edit it once and all of those update.
Editing content
Each collection works the same way: open it in the CMS panel, pick an entry, and edit the fields on the right. Add entries with the + button, drag to reorder, and use the ⋯ menu to duplicate or delete. Image fields open a picker where you can upload a new file or reuse an existing one.
One thing to remember: edits save as you make them, but they are not live on the site until you publish. If a change looks like it has not worked, that is almost always why.
Open the project in Framer. The CMS panel is in the left sidebar.
Pick a collection — Events, People or Student Work.
Click an entry to open it, then edit the fields on the right.
Add entries with the + button. Drag them in the list to reorder, or duplicate and delete from the ⋯ menu.
For image fields, click the field and either upload a new file or pick an existing one.
Hit Publish when you are done.
Events
One entry per event. Each appears in the What’s On list on the home page and gets its own page at /events/…. There are 2 at the moment.
| Field | What to put in it | Required | Example |
|---|---|---|---|
| Date | The event date. Shows on the page, and orders the What’s On list — newest first. | — | 9 October 2026 |
| Title | Event name. This also builds the page URL. | — | From Hong Kong to Hollywood: … |
| Kind | Short label shown as a tag. Written in capitals. | — | SCREENING / MASTERCLASS |
| Venue | Where it takes place. | — | Arts Technology Lab |
| Description | Short synopsis, used on the What’s On card. | Yes | Featuring Live Action Choreography Demonstration… |
| All Info | The full write-up on the event page. Supports headings, lists, links and images. | Yes | — |
| Image | Hero image and list thumbnail. Landscape works best. | Yes | — |
| CTA Label | The wording on the sign-up button. | — | Sign Up |
| Registration Link | Where the button actually goes. | Yes | https://… |
| Video | Optional. If you add one it plays instead of the hero image. MP4 or WebM. | — | — |
| Gallery Photos | The photo carousel at the foot of the event page. Add one row per photo and drag to set the order. | — | — |
People
One entry per person. Each appears in the team section on the home page and gets a page at /people/…. There are 4 at the moment.
| Field | What to put in it | Required | Example |
|---|---|---|---|
| Name | Full name, English and Chinese. This also builds the page URL. | — | Dion Lam 林迪安 |
| Role | Their job title, shown under the name. | Yes | Action Choreographer |
| Group | Which list they appear in. Use exactly Staff or Fellow. | — | Fellow |
| Portrait | Their photo. A portrait crop works best. | Yes | — |
| Biography | The main biography text. | Yes | — |
| Contact email address. | — | name@hku.hk | |
| More Info | Extra detail on their page. | — | — |
| Selected Credits | Their credits list. | Yes | — |
Student Work (TBD)
One entry per film. Each appears in the Films grid on the home page and gets its own page at /work/…. There are 6 at the moment.
| Field | What to put in it | Required | Example |
|---|---|---|---|
| Title | The film’s English title. This also builds the page URL, so changing it later changes the link. | — | The Ferry at Dawn |
| Title ZH | The Chinese title, shown underneath the English one. | — | 破曉渡輪 |
| Logline | One-line synopsis, used on the card. | — | A daughter returns to Cheung Chau for her father’s last crossing. |
| More Info | The full write-up on the film’s page. Supports headings, lists, links and images. | — | — |
| You Tube URL | Link to the film on YouTube. | Yes | youtube.com/watch?v=… |
| Year | Year of release. | — | 2026 |
| Runtime | Running time. | Yes | 34 min |
| Format | What kind of piece it is. | — | Short Film / Documentary / Music Video |
| Director | Director’s name. | Yes | Chan Ka-yan |
| Thumbnail | The card image. Landscape works best. | Yes | — |
Good to know
URLs come from the Title (or Name for people). Framer fills this in automatically when you create an entry. Changing it later changes the page’s web address, so it is best to leave it alone once something has been shared.
Upload the largest image you have. Framer stores it once and serves the right size to each visitor, so there is no need to shrink anything first.
Landscape images suit events and films; portrait images suit people.
Rich text fields (All Info, More Info, Biography) accept headings, bullet lists, links and inline images.
The event video plays automatically, muted and on a loop — it behaves like a moving background rather than a player.
In Gallery Photos, the order of the rows is the order of the carousel. Drag them to rearrange.