| Page Properties | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...
The Image + Text component is a non-interactive content layout used to emphasise key points within the context of a larger story. Image + Text can consist of of an Image, Heading Block (Overline, heading, body), and a CTA Block.
Image + Text comes in two sizes, large and small, which are controlled by the viewport width.
...
Use to highlight, key points of a story or product benefit.
Use an Image that is relevant to the point you are making.
Use a CTA Block to direct users to additional relevant information, rather than substituting a link for lots of content.
...
Asset item, Picto item, Text + Image, Text list - Are there all the same component?
...
Examples
Supernova heros its product features with a series of modules that do not alternate left and right (best practice says not to alternate more than about three items. https://www.supernova.io/design-system-manager . When they have fewer items, they may chose to alternate them: https://www.supernova.io/for-design-system-teams . The images are object fit contain as they cannot be cropped.
...
Useful links
n/a