> ## Documentation Index
> Fetch the complete documentation index at: https://docs.demokraft.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview of Scene Options

> Learn how to add and customize Intro Templates, Outro Templates, and Chapter Break Templates to structure your video project.

<iframe className="w-full aspect-video rounded-lg" src="https://www.youtube.com/embed/AQbLDM5AMsM" title="Overview of Scene Options" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## Overview of Scene Options

The system provides scene options that can be applied to your project. These options include Intro Template, Outro Template, and Chapter Break Template.

<Frame>
  <img src="https://demokraft.ai/wp-content/uploads/2026/04/image-24-1024x513.png" alt="Overview of Scene Options" />
</Frame>

## Accessing Scene Options in Studio Mode

Open your existing project in studio mode to access the scene options. The scenes section is located on the left-hand side of the interface.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_2.jpg" alt="Scene Template Options UI" />
</Frame>

## Available Scene Types

There are three primary scene template options:

1. Intro Template
2. Outro Template
3. Chapter Break Template You select one of these to customize and add to your project.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_3.jpg" alt="Selecting an Intro Template" />
</Frame>

## Applying an Intro Template

To apply an intro template, click on the Intro Template option. Then choose your preferred template from the available options by clicking the add button next to it.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_3.jpg" alt="Selecting an Intro Template" />
</Frame>

## Customizing the Intro Title

After adding the intro template, customize it as needed using different template config options. Enter a title for the intro segment to reflect your content.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_4.jpg" alt="Configuring Intro Title" />
</Frame>

## Adding an Intro Subtitle

You can also add a subtitle in the intro template to provide additional context or welcome message.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_5.jpg" alt="Entering Intro Subtitle" />
</Frame>

## Selecting Background Tone for Intro

Choose from background tone options such as Warm, Cool, or Pure White to set the mood and appearance of your intro scene.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_6.jpg" alt="Background Tone Adjustment" />
</Frame>

## Choosing Accent Color

Select an accent color that aligns with your brand identity to customize the visual elements of the intro scene.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_7.jpg" alt="Choosing Brand Accent Color" />
</Frame>

## Accent Color Application

Apply the chosen accent color to enhance branding consistency within your intro template.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_8.jpg" alt="Accent Color Applied" />
</Frame>

## Title Color and Font Style Customization

Adjust the title color as needed, keeping visual harmony in mind. Select a font style, such as Poppins, to match your design preferences.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_10.jpg" alt="Typography Configuration" />
</Frame>

## Setting Intro Scene Duration

Control the display duration of the intro scene by increasing or decreasing the time. The default is 3 seconds, but you can set it, for example, to 4 seconds.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_11.jpg" alt="Configuring Slide Duration" />
</Frame>

## Applying the Intro Template

Click the Apply button to generate and add the intro segment to the beginning of your project. This action finalizes the intro's inclusion.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_12.jpg" alt="Clicking Apply for Intro" />
</Frame>

## Accessing and Applying Chapter Breaks

Navigate back to the scenes section to select the Chapter Break option. You can apply chapter breaks at any point within your project timeline to segment content. Place the player marker on a scene after which you want to add the Chapter break. Add the Chapter break template from options. Scene will get added to your video.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_13.jpg" alt="Chapter Break Section" />
</Frame>

## Choosing a Chapter Break Template

Select a chapter card template from the available chapter break options by clicking the add button.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_14.jpg" alt="Selecting Chapter Card Style" />
</Frame>

## Configuring Chapter Break Label and Number

Specify the chapter label text and the chapter number to clearly identify and organize different sections within your project.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_16.jpg" alt="Setting Chapter Identifier Settings" />
</Frame>

## Defining Chapter Title

Enter the title of the chapter to indicate its content focus.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_17.jpg" alt="Entering Chapter Heading Text" />
</Frame>

## Adding a Subtitle to Chapter Break

Include a subtitle for the chapter break scene to provide supplementary information or welcoming text.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_18.jpg" alt="Setting Chapter Subheading" />
</Frame>

## Selecting Background Tone and Layout for Chapter Break

Choose the background tone, such as cool, and set the layout alignment (left, right, or center) of the chapter break scene.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_19.jpg" alt="Configuring Chapter Alignment Options" />
</Frame>

## Customizing Brand Color for Chapter Break

Select the brand color to maintain visual consistency for the chapter break scene.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_20.jpg" alt="Chapter Color Customization" />
</Frame>

## Setting Font and Chapter Number Display

Choose a font type and confirm the chapter number display styling within the chapter break card.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_21.jpg" alt="Font Theme Selection" />
</Frame>

## Adjusting Chapter Break Duration and Applying

Set the scene duration, defaulting to 3 seconds, with options to increase or decrease the time. Click Apply to add the chapter break to your project timeline.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_22.jpg" alt="Applying the Chapter Card" />
</Frame>

## Applying Outro Templates

Similar to Intro and Chapter break sceen you can add Outro Scene. Access multiple outro templates from Scenes panel to select and add an appropriate ending scene to your project.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_23.jpg" alt="Outro Slide Workspace" />
</Frame>

## Customizing Outro Headline

Modify the headline text within the outro template to deliver your desired closing message.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_24.jpg" alt="Outro Headline Input" />
</Frame>

## Setting Call to Action (CTA) Label

Configure the CTA button label within the outro template, selecting from available button options such as "Sign Up".

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_25.jpg" alt="Configuring Button Call-To-Action" />
</Frame>

## Adding Outro Subtitle

Include a subtitle or secondary label to complement the outro scene's messaging.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_26.jpg" alt="Entering Outro Subheading Description" />
</Frame>

## Customizing Outro Colors and Fonts

Adjust colors for various outro elements including background, CTA button, CTA text, and headline. Select a font style consistent with your branding.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_27.jpg" alt="Detailed Styling for Ending Screen" />
</Frame>

## Setting Outro Timing and Applying

Define the timing duration for the outro scene and click Apply to integrate it into your project.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_28.jpg" alt="Final Outro Timeline Configuration" />
</Frame>

## Managing Scene Additions

You can add and configure multiple chapters, as well as apply intro and outro templates, to structure your project effectively.

<Frame>
  <img src="https://storage.googleapis.com/dk-transcoder-assets/seller/2d1690e8-a425-4baf-82d4-7c59b8aca885/studio/d702b0dc-1251-4fba-ade5-11868fd17295/video_screenshot_file/frame_29.jpg" alt="Completed Content Layout Structure" />
</Frame>
