Migrate TDWG site to new logo and brand

[timrobertson100]

TDWG presented a new brand at the 2022 conference. The site should be migrated. Contributions are most welcome.

• [x] Integrate blue #043B58
• [x] Integrate green #709147
• [x] Make sure links are readable in text
• [x] Add logo to footer added to banner instead

[peterdesmet]

Working on it 👌

[peterdesmet]

This is a version with only the green and blue. The green makes links hard to read in text, so they need to be underlined:

---

[peterdesmet]

Alternatively, we use a brighter (closer to original orange) colour for the links, which then don't require underline:

---

[peterdesmet]

Feedback welcome

[stanblum]

I like the orange on linked text -- enhanced contrast improves readability! Does it work (improve readability) for people with impaired color perception?

On Tue, Oct 18, 2022 at 5:22 AM Peter Desmet @.***> wrote:

Feedback welcome

— Reply to this email directly, view it on GitHub https://github.com/tdwg/website/issues/462#issuecomment-1282298367, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACKZUDOSJWIJMRPJAVLFAWLWD2JATANCNFSM6AAAAAARH3INEU . You are receiving this because you are subscribed to this thread.Message ID: @.***>

[peterdesmet]

I have tested the green link and orange link versions on https://pilestone.com/pages/color-blindness-simulator-1# and both work fine.

Note that adding orange to the mix makes it a bit more challenging to have a consistent theme though. 😄

[peterdesmet]

I've also experimented with an another theme. Here I have not underlined the green links, do you find them unreadable?

[stanblum]

Thanks, Peter!

The green links on white are very readable. I think the green links on a dark background (e.g., over the banner image at the top) were hard to read. Would you be inclined to washout (de-contrast) the banner image?

Curious to hear what others think of all these options.

-Stan

On Thu, Oct 20, 2022 at 12:02 AM Peter Desmet @.***> wrote:

I've also experimented with an another theme. Here I have not underlined the green links, how unreadable are they?

[image: Darwin-Core-TDWG (2)] https://user-images.githubusercontent.com/600993/196878687-d2bbd180-d85a-47b6-bc09-c1d76ff7c174.png

— Reply to this email directly, view it on GitHub https://github.com/tdwg/website/issues/462#issuecomment-1285042229, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACKZUDPUSDWESKUFLC75UMDWEDVBVANCNFSM6AAAAAARH3INEU . You are receiving this because you commented.Message ID: @.***>

[peterdesmet]

Ah, if you think the green on white (in regular text) works fine, then it's fairly easy to use another approach in the theme for links on dark. I suggest white underline for those:

The advantage is that we don't have to introduce orange then.

[WUlate]

I'm all for washout the background and leave the colors as they were.I'd say these images are too dark and taking prese(de)nce from our content. Regards, William. On Thursday, October 20, 2022 at 10:08:39 AM GMT+3, Stan Blum @.***> wrote:

Thanks, Peter!

The green links on white are very readable. I think the green links on a dark background (e.g., over the banner image at the top) were hard to read. Would you be inclined to washout (de-contrast) the banner image?

Curious to hear what others think of all these options.

-Stan

On Thu, Oct 20, 2022 at 12:02 AM Peter Desmet @.***> wrote:

I've also experimented with an another theme. Here I have not underlined the green links, how unreadable are they?

[image: Darwin-Core-TDWG (2)] https://user-images.githubusercontent.com/600993/196878687-d2bbd180-d85a-47b6-bc09-c1d76ff7c174.png

— Reply to this email directly, view it on GitHub https://github.com/tdwg/website/issues/462#issuecomment-1285042229, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACKZUDPUSDWESKUFLC75UMDWEDVBVANCNFSM6AAAAAARH3INEU . You are receiving this because you commented.Message ID: @.***>

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: @.***>

[mhirschfeld]

I would also like to stick to blue and green only when possible and wash out colors where needed!

[gkampmeier]

@peterdesmet where you have the DwC website button in dark green with black text, you could try white text, as the reverse of the GitHub button, and it would make that more readable. Saturating or desaturating colors to provide contrast helps. BTW, I find orange (and worse, red) text very hard to read, even though the contrast stands out. I hope we can find a compromise as @mhirschfeld indicates that would work.

[peterdesmet]

@gkampmeier thanks for the input. Seems like the consensus is to go with new green and blue 👍. White vs black text on the buttons is automatically detected. Apparently the new TDWG green (#709147) is right on the cusp to show black text (which I still find readable), while a slightly darker green (#617E3E) switches to white text.

Here's a new version with that green and a washed out banner (as in the original website), as suggested by @mhirschfeld (and addressing the dark images comment by @WUlate). I think this works well.