Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Hero #631

Closed
kelliedesigner opened this issue Feb 22, 2019 · 1 comment

Comments

1 participant
@kelliedesigner
Copy link
Contributor

commented Feb 22, 2019

As a user of the Design System
I want to know how to display a hero image with text
So that there's consistency across products

  • The transparent backgrounds here are 70% opacity black.
  • The first flourish uses the primary green.
  • The second flourish uses a 40% shade of the primary green. Both flourishes are 6px
  • Investigate the CSS blur on smaller viewports, but can keep this out of scope if needed

screen shot 2019-02-22 at 12 02 07

screen shot 2019-02-22 at 12 12 21

screen shot 2019-02-22 at 12 11 34

Acceptance Criteria

  • Surface existing Hero component to the Design System
  • Provide an option without an image with a solid colour
  • Provide example with and without subtext

@kelliedesigner kelliedesigner added this to Backlog in Board via automation Feb 22, 2019

@jeddy3 jeddy3 moved this from Backlog to To do in Board Feb 22, 2019

@kelliedesigner kelliedesigner moved this from To do to Backlog in Board Mar 6, 2019

@jeddy3 jeddy3 changed the title Add hero image Add hero Mar 8, 2019

@kelliedesigner kelliedesigner moved this from Backlog to To do in Board Mar 22, 2019

@kelliedesigner kelliedesigner self-assigned this Mar 22, 2019

@kelliedesigner kelliedesigner moved this from To do to In progress in Board Mar 26, 2019

@kelliedesigner kelliedesigner changed the title Add hero Add Hero Mar 27, 2019

@kelliedesigner

This comment has been minimized.

Copy link
Contributor Author

commented Mar 27, 2019

Blocked from #758

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.