The Feature Module
Image size: 1536x864 (16x9)
Heading character limit: ~175
Text character limit: ~800
The Feature Module was designed to bring attention to a particularly important image, provide a descriptive blurb, and show an Action Link in a way that is visually appealing to the user and meets accessibility requirements.
Options include adding a bit of padding to the top and bottom, and swapping the image to the right side.
If a Feature module is shown with other Feature Modules stacked on a page, the text and image should move in an alternating pattern. Additionally, multiple colors of Feature Module backgrounds should be used extremely sparingly, and with purpose.
This is a Feature Module
This is an example. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget hendrerit risus, eu mollis nulla. Curabitur dui ex, iaculis ullamcorper dui pretium, rhoncus convallis odio. Aenean ultricies sollicitudin interdum. Etiam tincidunt non ante nec interdum. Fusce vitae lacus vestibulum, tincidunt massa sit amet, sollicitudin augue.
Proin sollicit Fusce magna odio, mollis volutpat sem nec, tempus varius odio. Proin dignissim at ante vel pellentesque. Integer imperdiet, diam eget vulputate molestie, erat arcu posuere eros, in efficitur odio nisl non massa. Sed iaculis scelerisque lobortis. Nunc accumsan eu ligula et eleifend. Nam id aliquet magna. Nullam laoreet tempor quam, ac semper eros. Aenean pretium quam dolor, a efficitur.
Another Example
This is another example. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget hendrerit risus, eu mollis nulla. Curabitur dui ex, iaculis ullamcorper dui pretium, rhoncus convallis odio. Aenean ultricies sollicitudin interdum. Etiam tincidunt non ante nec interdum. Fusce vitae lacus vestibulum, tincidunt massa sit amet, sollicitudin augue.
Proin sollicit Fusce magna odio, mollis volutpat sem nec, tempus varius odio. Proin dignissim at ante vel pellentesque. Integer imperdiet, diam eget vulputate molestie, erat arcu posuere eros, in efficitur odio nisl non massa. Sed iaculis scelerisque lobortis. Nunc accumsan eu ligula et eleifend. Nam id aliquet magna. Nullam laoreet tempor quam, ac semper eros. Aenean pretium quam dolor, a efficitur.
Pick a Module Below to Learn More
