Social Media Design System

Social media creates opportunities for us to engage in conversations about our business, values, and brand. Every day, we highlight the remarkable stories of PGIM and showcase the innovations propelling our business forward.

This document aims to guide designers and social practitioners in crafting social graphics for our brand channels in alignment with the PGIM Design Language. These guidelines cover the use of graphics, photography, color, and typography to ensure your posts are distinctly recognizable as PGIM.

The starter kit is a template created in Adobe Express. It includes three different canvas sizes: 1920px x 1920px (1x1), 1920px x 1080px (16x9), and 1080px x 1920px (9x16). Each template features a four-column grid based on 30px units, according to 2x grid approach, which divides evenly across all formats, with margins set at 3x units.

This grid system is also used for video canvases, ensuring consistency across both static and animated assets.

To ensure proper placement of elements within a layout, utilize columns and margins. For higher resolution needs, employ the 30px underlying grid, ensuring all elements “snap” to it. Follow the column and margin layout guidelines for both graphic elements and text to enhance legibility and maintain the recognizable PGIM look.

Our type scales encompass both point size and leading, which is the vertical spacing between lines. We have established a foundational set of 14 sizes to be used across all applications. These type scales are a selection from the broader range used for motion graphics and video.

Results

A social media starter kit ensures that all content adheres to brand guidelines, maintaining a cohesive and recognizable brand identity across various platforms.

With predefined templates and guidelines, the starter kit streamlines the content creation process, saving time and resources while ensuring high-quality and uniform output.