We updated the design of several elements in the NTP to match the glassmorphic design we're heading into with Brave News. Here's a detail of the changes:
### General
- [ ] Colors depicted below now DON'T change between light/dark mode settings. They're universal.
- [ ] Margin between privacy hub and privacy hub is now 8px on the phone (I think it was 16px before). Tablet remains the same.
### Favorites / Top sites
- [ ] Changed size of the favicon to 36x36
- [ ] Changed size of containing box to 56x56
- [ ] Changed background color to glass/25
- [ ] Added stroke gradient on each box
- [ ] Tweaked background blur to each box
- [ ] Border radius is 12px
- [ ] Pressed state remains as is
### Privacy hub
- [ ] Changed background color to glass/25
- [ ] Added stroke gradient box
- [ ] Tweaked background blur to each box
- [ ] Border radius is 12px
### Photo credit
- [ ] Background color is glass/10
- [ ] Added background blur
- [ ] Font is Inter
- [ ] Review font size to match design
Actual result:
Expected result:
Reproduces how often: [Easily reproduced, Intermittent Issue]
Brave Version:
Can you reproduce this issue with the most recent build from TestFlight?
Can you reproduce this issue with the previous version of the current build from TestFlight?
Can you reproduce this issue with the current build from AppStore?
Device details:
Website problems only:
Does the issue resolve itself when disabling Brave Shields?
Is the issue reproducible on the latest version of Mobile Safari?
Description:
We updated the design of several elements in the NTP to match the glassmorphic design we're heading into with Brave News. Here's a detail of the changes:
https://www.figma.com/file/QCBklDojDtDTKApz10XqSQ/%F0%9F%97%82-New-Tab-Page?type=design&node-id=1%3A648&mode=design&t=MkeWs0VdCwTbTGPd-1
Actual result:
Expected result:
Reproduces how often: [Easily reproduced, Intermittent Issue]
Brave Version:
Device details:
Website problems only:
Additional Information