On brand product list pages, a different hero is used which has two columns of text. The background image on the right should be lazy-fetched to prevent adverse effects to page performance.
Example:
Alternative colorways should be provided by using an appropriate block style. Another example is this one in orange:
And one in blue:
Also note that the secondary CTA style should be checked to ensure it looks correct here as well:
On brand product list pages, a different hero is used which has two columns of text. The background image on the right should be lazy-fetched to prevent adverse effects to page performance.
Example:
Alternative colorways should be provided by using an appropriate block style. Another example is this one in orange:
And one in blue:
Also note that the secondary CTA style should be checked to ensure it looks correct here as well:
Urls:
Mobile requirements: In the mobile view the two columns appear vertically: