Open seanmiller26 opened 5 months ago
@seanmiller26
Great questions
What is the fallback in the case of no background image?
Brand color #005D69 with all the same same overlays.
...how confident are you that all project background images are suitable for this use?
I just audited the first 20 projects shown on the app and they look great. Happy to do more if we want to be comprehensive, but even the improper image sizes look nice (see Eyes on Eyes; portrait ratio image). Here are some more examples:
Looks great! I have no concerns moving forward.
The reskinned classifier uses this header as part of the design. This will help signal to users that they are on a specific project's classify page.
The images are pulled from the project's uploaded Background Image.
I have included 3 examples to help show the gradient overlay. #979797 (Also the new classifier background color)![Screen Shot 2024-03-06 at 1 50 37 PM](https://github.com/zooniverse/mobile/assets/89043489/aa2dbd73-6b54-49c0-884e-e9e1d5d8f9be)
![Screen Shot 2024-03-06 at 1 50 53 PM](https://github.com/zooniverse/mobile/assets/89043489/439409fb-4391-4dca-a76f-750604808631)
![Screen Shot 2024-03-06 at 1 51 54 PM](https://github.com/zooniverse/mobile/assets/89043489/7c2c577a-d914-4f66-8e7d-ce6b4e672c4f)
The idea is that the classifier will overlap the header.
I tried to illustrate that here:
All details can be found in the Figma file here, including tablet specifications.