FOLIO / NATIVE COMPONENT GUIDE

Built to be made yours.

These are the three native content structures used in Folio. Select an example in Layers and edit its properties in Style. Demo images and people are fictional.

01 / MEDIA PLATE

One image. One clear story.

Edit Title, Category, Poster and Caption in Style. Use the left or right variants to reverse the composition. Keep the caption attached to its image, and replace demo content with your own licensed work.

The space between

Commercial

Original AI concept still / fictional project

Media plate example

02 / CREDITS

People, with context.

Edit Name, Role and Portrait in the native instance. Use the same structure for directors, collaborators or contributors. The small portrait stays visible beside the person’s name; a missing portrait has a deliberate fallback.

Alex Rowan

Director / Visual storytelling

AI-generated portrait / fictional person.

A POINT OF VIEW

The story comes first.

We make space for the idea before deciding how it should look. A clear point of view guides the image, the rhythm and the details, so every part of the film serves the same intention.

A POINT OF VIEW

The story comes first.

We make space for the idea before deciding how it should look. A clear point of view guides the image, the rhythm and the details, so every part of the film serves the same intention.

03 / EDITORIAL

A consistent reading rhythm.

Edit Eyebrow, Title and Text in Style. Typography uses the shared Folio styles. Keep paragraphs concise and check desktop and phone after replacing copy. Native layout and content remain separate from the lighting engine.

Optional proof, with honest attribution.

These native examples are optional. Edit client names/logos and testimonial text in CMS. Select an example group and set Style → Visible → No to omit it; check all breakpoints. Keep the fictional-demo notices until you supply verified content. These examples are not enabled on Folio Home.

Client names and logos

AURELINE fictional demo logo; no actual client relationship
FIELD & FORM fictional demo logo; no actual client relationship
VELA fictional demo logo; no actual client relationship
ORIEL fictional demo logo; no actual client relationship
KINDALE fictional demo logo; no actual client relationship
NORTHLINE fictional demo logo; no actual client relationship

Fictional client marks for the template demo. No real client relationship is claimed.

A quote, with context

They understood the story before they picked up the camera.

Mara Ellison

Creative lead, AURELINE

Illustrative testimonial. Client names and endorsement are fictional.

Recognition placeholders

Festival selection

FILM TITLE / YEAR

FILM TITLE / YEAR

Craft recognition

CATEGORY / YEAR

CATEGORY / YEAR

Editorial feature

PUBLICATION / YEAR

PUBLICATION / YEAR

Recognition slots are placeholders; no actual award or selection is claimed. Replace each title and detail in the native text layers, or hide this optional group.

Back to Home

Create a free website with Framer, the website builder loved by startups, designers and agencies.