Canvas and Frame

Every composition has a canvas size and a frame rate. The Background and Style sections frame a clip on that canvas, which is how a screen recording or product shot gets its wallpaper, padding, and device.

Canvas size

A composition has a canvas, and you pick its shape from the presets:

A new composition starts at 16:9 (1920 x 1080). In Inspect with nothing selected, under Canvas, the Size dropdown lists the standard ratios and one group per platform (Instagram, Twitter, YouTube, Pinterest, Dribbble, App Store), and the W × H fields take exact pixels. Changing the size rescales every clip and title with it. Frame rate is a dropdown too: 24, 25, 30, 50, or 60 fps, defaulting to 30.

Background and style

The Background section opens on Image: eight wallpaper collections, led by Klipeo's 36 illustrated backdrops, shown as 3 × 3 tiles that scroll inside the section, with a Blur strength for the wallpaper itself. Gradient, Magic, and Solid hold the color libraries, Blur fills the canvas with a blurred copy of the clip, and Custom takes a hex color or a CSS background. Picking a wallpaper opens an 8 % margin so it shows around the clip.

Presets at the top of the panel applies a whole layout at once, set on one of Klipeo's illustrated backdrops. Twenty-four presets sit in four groups: Browser puts the clip in a Safari or Chrome window, Device in a MacBook, iPhone, or Apple Watch, Social in a live stream with its chat column and LIVE badge or in a social post with its author row and counts, and Studio in glass, a print border, or an outline. Change anything afterwards and the preset simply stops being highlighted. Clear beside the section title takes the clip back to no backdrop, frame, or shadow.

Style frames the clip: Padding from 0 to 100 %, corner Radius from 0 to 80 px, a Frame (glass light or dark, outline, light or dark border, or a Safari or Chrome window whose address you can edit, a live stream, or a light or dark social post), a Device bezel (front-facing iPhone, MacBook, and Apple Watch mockups; the clip fills the screen), a Shadow preset (None, Hug, Soft, Strong, or Custom with a depth slider), and Grain for film noise over the backdrop. Light & shadow sheets lay a soft light across the whole frame. All of it renders identically in the preview and the export.

To bring a live web page into the project, open the Assets composer's + menu and choose Screenshot a website: enter the address, pick desktop or phone and light or dark, and the capture lands in the Project tab as a picture.