search

OSGeo / grass-website

Web site of GRASS GIS project (deployed from this repo twice a day)
https://grass.osgeo.org
GNU General Public License v3.0
17 stars 47 forks source link

Use inverted white logo for index page #471

Open wenzeslaus opened 1 week ago

wenzeslaus commented 1 week ago

This uses a single color inverted logo in white (the grass plant is transparent, its background is white, everything else is white too).

The mission text is in bold font used for headings and is white and little smaller. It does not have to use the background box for contrast anymore.

The grass photo in the background is not covered in gradient to white, but with transparent dark green overlay for contrast with white and for matching the green in the top bar.

Screenshot from 2024-09-04 23-02-22

neteler commented 1 week ago

To me the new variant is harder to read.

Formally, in the EU, there are "Accessibility requirements for ICT products and services" (EN 301 549).

To some extent, it can be tested automatically against the accessibility requirements:

https://wave.webaim.org/report#/grass.osgeo.org

veroandreo commented 1 week ago

If we go with this proposal, I think we need to re-evaluate the whole color palette , because the greens do not really fit together anymore... Also the banner would need to go away as it is based on the previous green colors.

So, IMHO, to integrate this change might require more than replacing banner and logo...

wenzeslaus commented 1 week ago

I tried to use the predefined colors but with the overlay on top of existing image, I needed to use a different green just to get at least somewhat close to the green in the bar. I don't think the current photo of grass fits with the other greens either, it fits much less I would say.

The bar itself may use some review if we keep it; the color gradient there does not seem necessary and it makes it more difficult to match things together. Also interesting would be to have the bar everywhere except the index page. That would simplify matching of the colors in the index image. It may be beneficial for other reasons too, but I don't know how that would be done.