Content Page Components: Media

Purpose: To display image content to users.

Required/Optional: Optional

Dynamic: No

Repeatable: Yes

Limits/Restrictions: Caption, component headline, body copy and CTA are optional.

Image/Video Dimensions: 16:9 Ratio, 1440px x 810px

Image Direction: The image should visually support the page’s subject matter and purpose. To account for the caption, it is recommended that the focal point is not located or extend into the bottom 200px of the image. The focal point of the image should be located within the top 3/4 of the image. The image scales proportionately within this component so no other safe areas are required. The image should be shot medium-wide to wide and should avoid close-ups. Brand specific direction of how to capture UCLA’s personality with photos and videos can be found here: https://brand.ucla.edu/identity/imagery/photography-and-videography

Images should be uploaded as .jpg file type, optimized for the web to help your site load quickly, and have a RGB color profile. You don’t need to be concerned about DPI and PPI because they only affect an image’s print quality, not its web display.

Character Limits: Caption: 125, Headline: 45, Body Copy: 250

Below are examples of the two display options for the Media component: single image and image "slideshow".

kj gfd gfd
This is the caption for the image. This content displays as a single paragraph. Limit of 125 characters.
Media Component Heading (45 characters max)

This is the Caption for the Media Component. This is content that provides context for the image or images in the component. Limited to 250 characters. This content displays as a single paragraph.

kj gfd gfd
This is the Caption for the image. This content displays as a single paragraph. Limit of 125 characters.
UCLA Fielding commencement ceremonies in an historic auditorium
This is the Caption for the second image. This content displays as a single paragraph. Limit of 125 characters.
Media Component (Multiple Images)

This is the Caption for the Media Component. This is content that provides context for the image or images in the component. Limited to 250 characters. This content displays as a single paragraph.

kj gfd gfd
This example shows the display of the component when only an image caption is included.
UCLA Fielding commencement ceremonies in an historic auditorium
This is the Caption for the second image. This content displays as a single paragraph. Limit of 125 characters.