Assembly: Product Download Hero

Priority 1

• Used on Product pages and Product Download pages
• Highlight the latest version of the product and anything special the user should know about the product
• Content creator selects the product (and thus the product code) to get the download link automatically created - similar to how the product/download page has the CTA on the Try It section
• Only displayed if the user IS logged in
• Should use the featured artifact info from Download Manager

Whiteboard wireframe

Lo-Fi Designs

Default: https://redhat.invisionapp.com/share/VROYJ3UHFWB
Centered: https://redhat.invisionapp.com/share/8ROYJ41A3Y6 (for Dark Centered, we just switch to white text and CTA)
Dark: https://redhat.invisionapp.com/share/CJOYJ45FGSN

Drupal Data Needed (in-progress)

• Title - Heading 1
• Product - Single-select from list. Corresponding code is used to get featured artifact info from Download Manager. This creates the Heavy CTA url and product/version info under the button.
• Visual Style - Select from - None - (default selected which is the left aligned style), Centered, Dark
• Body - WYSIWYG field area. User can add additional headings, body content, etc.
• Learn more URL (optional) - User can paste in any URL or select from drupal nodes. Displayed as a light CTA.
• Background Image (optional) - Can be uploaded/selected from media library. Default background is TBD (sjcox@redhat.com will provide guidance on this as part of UX final visuals story)
• Image (optional) - Can be uploaded/selected from media library. Max size around 320x320 (will need to confirm with sjcox@redhat.com as part of UX final visuals story)