Closed nataliafitzgerald closed 7 years ago
I've been working on this update as part of the overall hero page updates.
Here's the content related to bleed heroes:
Large screens (601+)
Small screens (600-)
@Scotchester Is 638px the tallest the hero is in height before breaking the image below the text? That seems wicked tall.
@jimmynotjim Correct. The 638 figure is a little annoying to calculate, but it's what the max height of the hero image should be on a 601px viewport, with the longest possible copy (i.e., tallest total hero space).
I won't spell it out further, because the current implementation has a width bug in it, which makes explaining the calculation cumbersome.
@jimmynotjim Yeah, here's the bullet that I included to try to explain it on the page: "Large screen image dimensions are based on maximum possible hero height at 601px width".
The maximum height was determined by using the maximum height that would be created at the 601px width - based on the content guidelines. Here's the image where I tried to figure it out in illustrator.
@nataliafitzgerald ah sorry, I missed that bit. Thanks both of you for the clarification, it just seemed like an odd number.
Design Manual has been updated (updates have been merged). Closing issue.
Add full bleed illustration option to hero graphic guidelines
User story Updates to hero graphic guidelines #461
Description
The full bleed illustration hero option has been available to users (and in use) for quite some time but the Design Manual does not include this option.
Full bleed illustrated hero: https://www.consumerfinance.gov/consumer-tools/prepaid-cards/
Task
Add full bleed illustration option to hero graphic guidelines
Ready Checklist
Acceptance criteria
Done Checklist