An optional block in the product hero is a brochure which includes one image followed by default content. This block has a gray variation of the "shattered" background.
The image should be fixed to the left side of the block as shown with a download link. The author doesn't need to author the link to say "download." It is better that we apply that to the markup (Remember: use a placeholder for the text and don't hard-code the text "download"!)
Mobile requirements
In the mobile view, the gray box appears below the hero (it can actually be 100% width, zero margin with a top-border set to white)
An optional block in the product hero is a brochure which includes one image followed by default content. This block has a gray variation of the "shattered" background.
The image should be fixed to the left side of the block as shown with a download link. The author doesn't need to author the link to say "download." It is better that we apply that to the markup (Remember: use a placeholder for the text and don't hard-code the text "download"!)
Mobile requirements
In the mobile view, the gray box appears below the hero (it can actually be 100% width, zero margin with a top-border set to white)
Other examples: