Background Image for Hero:
Header Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Action Item TextDo
- Use this when you want to create visual impact and call-to-action.
- Use this when you have nice background photos on a consistent basis.
- Use a compelling header that is in-brand and relevant to your most important content/action item.
Don’t
- Don't use the hero pattern without a clear call-to-action.
-
Don't use a background image that renders your copy illegible.
- Don't use a background photo that is pixelated.
- Don't use a background photo unless it meets our brand guidelines.
- Don't use more than one hero unit on a page.
- Don't just repeat the site title in the header.
Something wrong with this pattern or the documentation? File an issue on Bitbucket.