C101: Big Feature
Description and use case
Appears on high-level, featured pages and focuses on solution or product attributes and often provides a mini-story about solving a specific customer problem.
- Media: Image, Video
- Media Position: Left and Right
- Media Vertical Alignment: Top and Center
- Media Content Width: 50/50 media:text
- Image Size: Portrait or Landscape
- Background Color: None and Gray
- CTA: 4 max
Big Feature: 50/50 landscape image
This big feature variant uses the landscape image (3x4 image size DISABLED). Here are some limitations on using the 50/50 content width variation of the big feature:
- If the text area is significantly larger than the image, set the "Media Vertical Alignment" as TOP
- Use only the Primary Button for the CTAs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Big Feature: 50/50 portrait image
This big feature variant uses the portrait image (3x4 image size ENABLED). Here are some limitations on using the 50/50 content width variation of the big feature:
- Always set the "Media Vertical Alignment" as CENTER
- Use Primary Button for the 1st CTA and Secondary Button for the rest
- DO NOT use a video player for the media
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Big Feature: 70/30 landscape image, right media only
Here are some limitations on using the 70/30 content width variation of the big feature:
- DO NOT enable 3x4 image
- DO NOT use a video player for the media
- Always set the "Media Position" as RIGHT
- Always set the "Media Vertical Alignment" as TOP
- Use Primary Button for the 1st CTA and Secondary Button for the rest
Big Feature: 50/50 video
This big feature variant uses the video player for the media. Here are some limitations on using this variation:
- DO NOT enable 3x4 image
- DO NOT use the 70/30 content width
- If the text area is significantly larger than the image, set the "Media Vertical Alignment" as TOP
- Use only the Primary Button for the CTAs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
