Web platform customization controls

Below is a detailed explanation of all the customization options your team can use when branding your Social Card web templates and cards.

Field customization without logo included

Field customization with logo included

1. Cover Photo [FULL]
   1. Custom images are supported and rendered at a 3:1 aspect ratio (1200px X 400px recommended).
   2. PNG, JPEG, JPG, & WebP file types are supported.
   3. Image cropper available for resizing assets within the editors.
   4. Customize image border (corner) radius. Options between no radius and full radius.
   5. Custom border supported, including optional border width and color options (Will match that of the headshot photo automatically).
   6. Custom shadows supported. How to use shadow customization?
   7. The cover photo can be removed entirely from the template.
2. Headshot Photo [FULL]
   1. Custom images are supported and rendered at a 1:1 aspect ratio (300px X 300px recommended).
   2. PNG, JPEG, JPG, & WebP file types are supported.
   3. Image cropper available for resizing assets within the editors.
   4. Customize image border (corner) radius. Options between no radius and full radius.
   5. Custom border supported, including optional border width and color options (Will match that of the cover photo automatically).
   6. Custom shadows supported. How to use shadow customization?
   7. The cover photo can be removed entirely from the web page.
3. Background Color [FULL]
   1. Customize the background color with Hex, RGB, or HSL colors. How to use color customization?
4. Primary Text [PARTIAL]
   1. Customize the primary text color with Hex, RGB, or HSL colors. How to use color customization?
   2. Primary text color is applied to all non-interactive text.
   3. Custom fonts are not supported at this time.
5. Logo [FULL]
   1. Custom images are supported and rendered at a 3:2 aspect ratio (240px height recommended).
   2. PNG, JPEG, JPG, & WebP file types are supported.
   3. Image cropper available for resizing assets within the editors.
   4. The logo photo can be removed entirely from the template.
6. Quick Links [FULL]
   1. Customize the item text color with Hex, RGB, or HSL colors. How to use color customization?
   2. Customize the item background color with Hex, RGB, or HSL colors. How to use color customization?
   3. Customize item border (corner) radius. Options between no radius and full radius.
   4. Custom item shadow supported. How to use shadow customization?
   5. Learn more about our 100+ supported content types.
7. Call To Action [FULL]
   1. Customize the item text color with Hex, RGB, or HSL colors. How to use color customization?
   2. Customize the item background color with Hex, RGB, or HSL colors. How to use color customization?
   3. Customize item border (corner) radius. Options between no radius and full radius.
   4. Custom item shadow supported. How to use shadow customization?
   5. Learn more about our 100+ supported content types.
8. Supporting Items [FULL]
   1. Customize the item text color with Hex, RGB, or HSL colors. How to use color customization?
   2. Customize the item background color with Hex, RGB, or HSL colors. How to use color customization?
   3. Customize item border (corner) radius. Options between no radius and full radius.
   4. Custom item shadow supported. How to use shadow customization?
   5. Learn more about our 100+ supported content types.

Key

[FULL] - The item supports full customization.

[PARTIAL] - The item supports partial customization with some limitations.

[NONE] - The item does not currently support any customizations.