Layout
Video-safe padding and responsive font scaling.
Install
$ npx remotion-ui@latest add layoutExample
import { getSafeAreaPadding, scaleFont } from "@/remotion/lib/layout";
const { width, height } = useVideoConfig();
const safeArea = getSafeAreaPadding({ width, height });
const headline = scaleFont(84, width); // 1080p baseline
const supporting = scaleFont(44, width);Based on Remotion video-layout guidance: 80px horizontal / 100px vertical safe area at 1080p.