Adding photos and videos to your brand guide
In this tutorial, we'll look at how to add photos and videos to your pages in Guidelines, using the editor to upload media, adjust layouts, and integrate external video links.
Adding Images
You can add images in two ways:
- Click the button in the toolbar and select Image.
- Replace an existing placeholder by selecting it and uploading a new file from the Image tab.
For example, you might upload application mockups, brand visuals, or product photos.
Adjusting Image Layouts
Once an image is added, you can control its layout in the Layout tab:
- Cover – fills all available space.
- Full width – spans the width of the page.
- Contain – keeps the full image visible at all times.
You can also move, resize, and rearrange blocks to refine the overall layout. Images can be grouped or repositioned to create the flow that best suits your design.
Adding Videos
Videos can be added with the same process:
- Click the button in the toolbar.
- Select .
- Upload an MP4 file or paste a link.
Supported sources include Vimeo, YouTube, and Loom. Videos are embedded directly into your guide, making them easy to view and share.
Conclusion
By adding photos and videos in Guidelines, you can showcase your brand in action, highlight mockups, or embed video content. With flexible layout options and easy integration of external links, your brand guide can include rich media alongside your other design elements.