https://mstudio.ai/build/assets/GlossaryHubPage.BlhbdgLd.js

1import{r as j}from"./rolldown-runtime.C1f3BsDW.js";import{i as _}from"./inertia.BE4YqsTM.js";import"./http.DWpeO7Ui.js";import{Hr as f,Qr as E,X as A}from"./icons.ChOq_Y4q.js";import{t as L}from"./react-core.CAMe6Z4j.js";import"./utils.CgzVjNgC.js";import"./state.L8kQliOB.js";import{A as H,jt as q,k as o}from"./entry-client.DX3aUoe5.js";import"./dist.CoNAZqlp.js";import"./dist.DxccqHSW.js";import"./dist.D4237Rk6.js";import"./dist.BhzTvz6X.js";import"./es2015.Cr2X04_P.js";import"./dist.C1cc-Zbw.js";import"./badge.CK53iWwP.js";import"./dropdown-menu.D1MnQ7U0.js";import"./useMediaQuery.CHA9c3gs.js";import{t as z}from"./lenis.DZFFtZ8G.js";import{t as I}from"./SEO.gPDL2mFy.js";import"./marketingVideos.CTDV7UYs.js";import{t as M}from"./cta-card-section.BVZwUhiQ.js";import"./CtaMicrocopy.D3zGPrw8.js";import{t as R}from"./useRoute.D5WEuP_a.js";import{t as F}from"./useStartCreatingHref.BVwqKiRT.js";import"./gsap.BxN_RF7A.js";import{t as m}from"./RevealOnScroll.Bzi3Q9FE.js";import{t as O}from"./how-it-works-section.C3FA2lIt.js";import"./logo.7ZVhR9ER.js";import{t as P}from"./Footer.Ccp81B1O.js";import{t as G}from"./Header.C54sFzrK.js";import{a as T,n as $,o as B,r as Q,t as W}from"./MarketingHero.CGOgM9co.js";/* empty css                   */import{t as D}from"./clients-section.JEQW946i.js";import{n as Y}from"./section-blur-accent.B7vx0p10.js";import{t as V}from"./proof-section.B4WgtmuU.js";import{t as X}from"./scrolling-text.DQYpJQUN.js";import{i as J,n as K,o as v,r as U,t as Z}from"./EditorialMediaKit.CJkxUapW.js";import{n as w,t as ee}from"./glossaryPages.l6s28ent.js";var u=j(E(),1),e=j(L(),1),N=[{question:"What topics does this glossary cover?",answer:"The glossary covers essential film and video production concepts, from foundational techniques like storyboarding, shot types, and camera angles to creative frameworks like three-act structure, mise en scène, and visual storytelling. Each entry is written to be useful for both students learning the craft and professionals looking for a quick reference."},{question:"How is this glossary different from a film school textbook?",answer:"Each entry is concise, practical, and focused on how the concept applies to modern production workflows. Where relevant, entries explain how AI-powered tools like M Studio connect to the concept, helping you bridge theory and practice without leaving the planning stage."},{question:"Will new terms be added over time?",answer:"Yes. The glossary is a living resource that will expand as new topics become relevant. If there is a film or video production concept you would like to see covered, reach out and let us know."}];function te(r){return{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":`${r}/glossary#collection`,name:"Film and video production glossary",description:"Educational glossary covering essential film and video production concepts, from storyboarding and shot types to color grading and visual storytelling.",url:`${r}/glossary`},{"@type":"ItemList",name:"Glossary terms",itemListElement:ee.map((n,p)=>({"@type":"ListItem",position:p+1,url:`${r}/glossary/${n}`,name:w[n].title}))},{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:r},{"@type":"ListItem",position:2,name:"Glossary",item:`${r}/glossary`}]},{"@type":"FAQPage","@id":`${r}/glossary#faq`,mainEntity:N.map(n=>({"@type":"Question",name:n.question,acceptedAnswer:{"@type":"Answer",text:n.answer}}))}]}}var b=[{name:"Storyboarding & planning",slugs:["what-is-a-storyboard","animatic","previs","shot-list","screenplay-format"]},{name:"Camera & composition",slugs:["shot-types-in-film","camera-angles","film-composition","aspect-ratios"]},{name:"Genres & styles",slugs:["movie-genres","film-noir","spaghetti-western"]},{name:"Storytelling & direction",slugs:["three-act-structure","visual-storytelling","directors-vision","mise-en-scene"]},{name:"Post-production & technique",slugs:["continuity-editing","color-grading","pre-production","post-production"]}];function Ge(){const r=R(),n=_().props.app?.url||"https://mstudio.ai",p=F(),[c,x]=(0,u.useState)(""),[d,h]=(0,u.useState)("all"),[k,S]=(0,u.useState)(0),g=(0,u.useMemo)(()=>{const t=c.trim().toLowerCase();return b.map(s=>{const i=s.slugs.map(a=>{const l=w[a];return!l||t&&![l.title,l.definition,l.headline].join(" ").toLowerCase().includes(t)?null:{slug:a,item:l}}).filter(a=>!!a);return{...s,entries:i}}).filter(s=>d!=="all"&&s.name!==d?!1:s.entries.length>0)},[c,d]),y=g.reduce((t,s)=>t+s.entries.length,0);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(I,{title:"Film & Video Production Glossary | M Studio",description:"Learn essential film and video production concepts. From storyboarding and shot types to color grading and visual storytelling, this glossary covers everything filmmakers need to know.",keywords:"film glossary, filmmaking terms, video production glossary, cinematography terms, film terminology, storyboarding terms",ogImage:"https://assets.modelslab.ai/generations/311d49d2-7793-4982-82af-2b5535be4577.webp",canonical:"/glossary",structuredData:te(n)}),(0,e.jsxs)("div",{className:"theme-marketing relative min-h-screen overflow-x-hidden bg-background",children:[(0,e.jsx)(z,{root:!0}),(0,e.jsx)(G,{variant:"blur"}),(0,e.jsxs)("main",{id:"main-content",className:"relative z-10",children:[(0,e.jsxs)("section",{className:W,children:[(0,e.jsx)(K,{seed:"glossary-hub"}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto max-w-4xl text-center",children:[(0,e.jsx)(Q,{children:"Film and video production glossary"}),(0,e.jsx)(B,{accent:"Learn the language of film.",size:"hub",children:"Production glossary."}),(0,e.jsx)(T,{className:"mx-auto",children:"Essential concepts from storyboarding and shot types to color grading and visual storytelling. Each entry is written to be practical, educational, and connected to modern production workflows."}),(0,e.jsxs)($,{className:"justify-center",children:[(0,e.jsx)(o,{size:"lg",asChild:!0,children:(0,e.jsxs)("a",{href:r("glossary.page",{slug:"what-is-a-storyboard"}),className:"inline-flex items-center gap-2",children:["Start with storyboards",(0,e.jsx)(f,{className:"h-4 w-4"})]})}),(0,e.jsx)(o,{variant:"outline",size:"lg",asChild:!0,children:(0,e.jsx)("a",{href:"#studio-reel",className:"inline-flex items-center gap-2",children:"Watch examples"})}),(0,e.jsx)(o,{variant:"outline",size:"lg",asChild:!0,children:(0,e.jsx)("a",{href:r("features"),className:"inline-flex items-center gap-2",children:"See features"})})]})]})]}),(0,e.jsx)(U,{}),(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8",children:(0,e.jsx)(X,{})}),(0,e.jsx)(D,{}),(0,e.jsx)("div",{id:"studio-reel",children:(0,e.jsx)(Z,{seed:"glossary-hub",eyebrow:"Made in M Studio",title:"Every term has a visual counterpart",description:"Samples made in M Studio that show glossary ideas (composition, motion, mood

1) as finished shots."})}),(0,e.jsx)("section",{className:"px-4 pb-8 sm:px-6 lg:px-8",children:(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl",children:(0,e.jsx)(m,{variant:"up",children:(0,e.jsxs)("div",{className:"rounded-3xl bg-card/50 p-4 backdrop-blur-sm sm:p-5",children:[(0,e.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",children:[(0,e.jsxs)("label",{className:"relative block w-full lg:max-w-md",children:[(0,e.jsx)("span",{className:"sr-only",children:"Search glossary terms"}),(0,e.jsx)(A,{className:"pointer-events-none absolute left-3.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,e.jsx)("input",{type:"search",value:c,onChange:t=>x(t.target.value),placeholder:"Search terms, e.g. animatic, shot list…",className:"h-11 w-full rounded-2xl bg-background/60 pl-10 pr-10 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 focus:ring-1 focus:ring-primary/30"}),c?(0,e.jsx)(H,{onClick:()=>x(""),className:"absolute right-2 top-1/2 -translate-y-1/2","aria-label":"Clear search"}):null]}),(0,e.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,e.jsx)(o,{type:"button",onClick:()=>h("all"),variant:"outline",size:"xs","aria-pressed":d==="all",className:"text-muted-foreground hover:text-foreground",children:"All categories"}),b.map(t=>(0,e.jsx)(o,{type:"button",onClick:()=>h(t.name),variant:"outline",size:"xs","aria-pressed":d===t.name,className:"text-muted-foreground hover:text-foreground",children:t.name},t.name))]})]}),(0,e.jsxs)("p",{className:"mt-4 text-sm text-muted-foreground",children:["Showing"," ",(0,e.jsx)("span",{className:"font-semibold text-foreground",children:y})," ","term",y===1?"":"s",c.trim()?` for “${c.trim()}”`:""]})]})})})}),(0,e.jsx)("section",{className:"px-4 pb-16 sm:px-6 lg:px-8 lg:pb-24",children:(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl space-y-12",children:g.length===0?(0,e.jsxs)("div",{className:"rounded-3xl bg-card/45 px-6 py-16 text-center",children:[(0,e.jsx)("p",{className:"text-lg font-semibold text-foreground",children:"No terms match your filters"}),(0,e.jsx)("p",{className:"mt-2 text-sm text-muted-foreground",children:"Try another keyword or reset the category filter."}),(0,e.jsx)(o,{className:"mt-6",variant:"outline",onClick:()=>{x(""),h("all")},children:"Reset filters"})]}):g.map((t,s)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(m,{variant:"up",delay:s*.04,children:(0,e.jsx)("div",{className:"mb-6 flex items-end justify-between gap-4",children:(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.22em] text-primary/85",children:t.name}),(0,e.jsxs)("h2",{className:"mt-2 text-lg font-semibold tracking-tight text-foreground sm:text-xl",children:[t.entries.length," concept",t.entries.length===1?"":"s"]})]})})}),(0,e.jsx)("div",{className:"grid gap-5 md:grid-cols-2 xl:grid-cols-3",children:t.entries.map(({slug:i,item:a},l)=>{const C=v(i);return(0,e.jsx)(m,{variant:"up",delay:Math.min(l*.05,.2),children:(0,e.jsxs)("a",{href:`/glossary/${i}`,className:"group relative flex h-full flex-col overflow-hidden rounded-3xl bg-card/50 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:bg-card/75",children:[(0,e.jsxs)("div",{className:"relative aspect-[16/10] overflow-hidden",children:[(0,e.jsx)("img",{src:C.fallbackImageUrl,alt:"",className:"h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",loading:"lazy"}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-card via-card/25 to-transparent"}

1),(0,e.jsx)("span",{className:"absolute left-4 top-4 rounded-full bg-black/45 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/90 backdrop-blur-sm",children:t.name.split(" ")[0]})]}),(0,e.jsxs)("div",{className:"flex flex-1 flex-col p-5 sm:p-6",children:[(0,e.jsx)("h3",{className:"text-lg font-semibold tracking-tight text-foreground sm:text-xl",children:a.title}),(0,e.jsx)("p",{className:"mt-3 flex-1 line-clamp-3 text-sm leading-6 text-muted-foreground",children:a.definition.split(".").slice(0,2).join(".")+"."}),(0,e.jsxs)("span",{className:"mt-5 inline-flex items-center gap-2 text-sm font-semibold text-foreground transition-colors group-hover:text-primary",children:["Read definition",(0,e.jsx)(f,{className:"h-4 w-4 transition-transform duration-200 group-hover:translate-x-1"})]})]})]})},i)})})]},t.name))})}),(0,e.jsx)(J,{title:"Vocabulary that holds across shots",description:"Definitions matter more when you can see composition, continuity, and character lock on a real board."}),(0,e.jsx)(V,{title:"Learn the craft. Ship the board.",subheading:"Each entry stays practical and connects film language to the way films are made with AI today."}),(0,e.jsx)("section",{className:"px-4 pb-12 sm:px-6 lg:px-8 lg:pb-16",children:(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl",children:(0,e.jsx)(m,{variant:"up",children:(0,e.jsx)("div",{className:"overflow-hidden rounded-3xl bg-card/50 backdrop-blur-sm",children:(0,e.jsxs)("div",{className:"grid lg:grid-cols-[1.1fr_0.9fr]",children:[(0,e.jsxs)("div",{className:"p-8 sm:p-10 lg:p-12",children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-accent",children:"From learning to making"}),(0,e.jsx)("h2",{className:"mt-3 text-2xl font-semibold tracking-tight text-foreground sm:text-3xl",children:"Put these ideas into practice on your own storyboard"}),(0,e.jsx)("p",{className:"mt-4 text-sm leading-6 text-muted-foreground sm:text-base",children:"M Studio combines AI image generation, script writing, video generation, and timeline editing in a single workspace. Turn your knowledge into visual stories."}),(0,e.jsxs)("div",{className:"mt-8 flex flex-col gap-3 sm:flex-row",children:[(0,e.jsx)(o,{size:"lg",className:"group",asChild:!0,children:(0,e.jsxs)("a",{href:p,children:["Start now",(0,e.jsx)(f,{className:"h-4 w-4 transition-transform group-hover:translate-x-1"})]})}),(0,e.jsx)(o,{size:"lg",variant:"secondary",asChild:!0,children:(0,e.jsx)("a",{href:r("demo"),children:"Watch examples"})})]})]}),(0,e.jsxs)("div",{className:"relative min-h-[240px] lg:min-h-full",children:[(0,e.jsx)("img",{src:v("what-is-a-storyboard").fallbackImageUrl,alt:"",className:"absolute inset-0 h-full w-full object-cover",loading:"lazy"}),(0,e.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-card via-card/40 to-transparent lg:bg-gradient-to-l"})]})]})})})})}),(0,e.jsx)(O,{}),(0,e.jsx)("section",{className:"px-4 pb-16 sm:px-6 lg:px-8 lg:pb-20",children:(0,e.jsx)("div",{className:"mx-auto max-w-screen-2xl",children:(0,e.jsx)(m,{variant:"up",children:(0,e.jsxs)("div",{className:"rounded-3xl bg-card/50 p-8 backdrop-blur-sm sm:p-10",children:[(0,e.jsxs)("div",{className:"max-w-3xl",children:[(0,e.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.24em] text-primary/80",children:"FAQ"}),(0,e.jsx)("h2",{className:"mt-3 text-2xl font-semibold tracking-tight text-foreground sm:text-3xl",children:"Questions about the glossary"})]}),(0,e.jsx)("div",{className:"mt-8 space-y-3",children:N.map((t,s)=>{const i=k===s;return(0,e.jsx)("div",{className:q("rounded-2xl bg-card/40 transition-all duration-200",i?"bg-primary/12":"hover:bg-card/65"),children:(0,e.jsx)(Y,{open:i,onOpenChange:a=>S(a?s:-1),title:t.question,triggerClassName:"rounded-2xl px-5 text-base font-semibold focus-visible:ring-inset",contentClassName:"px-5 pb-5 leading-6",children:(0,e.jsx)("p",{children:t.answer})})},t.question)})})]})})})}),(0,e.jsx)(M,{eyebrow:"Speak the craft",title:"Turn film language into a storyboard",description:"Use M Studio to go from an idea to storyboard pictures, video clips, voice, and export without switching tools.",primaryActionLabel:"Start now",primaryActionHref:p,secondaryActionLabel:"Watch examples",secondaryActionHref:r("demo")})]}),(0,e.jsx)(P,{})]})]})}export{Ge as default};