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 magna1 1aliqua. 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.
