Exhibits thumbnail redesign

sul-dlss / exhibits

Stanford University Libraries online exhibits showcase

https://exhibits.stanford.edu

Other

20 stars 7 forks source link

Exhibits thumbnail redesign #2654

Closed alundgard closed 4 days ago

alundgard commented 6 days ago

Exhibits thumbnail

Background color: Fog Light #F4F4F4 Opacity: 90%

Exhibits category (All, Art & Humanities, Social Justice, etc.)

Background color: Fog Light #F4F4F4 Opacity: 100%
Font weight : 600 for active selection

https://www.figma.com/design/0LTbMiP5xdL6T94nmlKDci/Exhibits-Redesign-2024?node-id=465-10235&t=WZb88CX43UyeiIJp-4

alundgard commented 5 days ago

@corylown @dnoneill I came up with a better solution for indicating which Exhibits category is actively selected. (The Fog Light background color alone doesn't satisfy contrast requirements for indicating active state.) Instead of setting text-decoration: underline I think setting font-weight: 600 both looks better and is already used elsewhere in Spotlight (see "Published exhibits" below). I will update the mockup above. Let me know if you have any questions or concerns. Thanks!

corylown commented 5 days ago

@alundgard is it a problem that the social justice pill always has font-weight: 700 whether it's selected or not: