DEFRA / design-discussions

2 stars 2 forks source link

Colours #5

Open cathydutton opened 5 years ago

cathydutton commented 5 years ago

What

An extension of the GOV.UK colour palette.

Why

To maintain consistency across Defra's internal services

cathydutton commented 5 years ago

brand

cathydutton commented 5 years ago

links

benwakefield commented 5 years ago

Something we found whilst testing is that the current gov design template colour ratio / tones could be improved to help users with perceptual conditions such as Irlens syndrome. It is reported to affect 12-15% of the UK population and commonly causes symptoms such as headaches, dizziness, tiredness

The colour bar at the top of the Irlens website allows users to adjust the background tone to create a more perceivable web page. A feature like this (or simply reducing the current high contrast ratio) could benefit internal users and improve accessibility across GOV if the issue is upstreamed

glancyea commented 5 years ago

@cathydutton

  1. I'd argue that familiarity/consistency are more important than brand for links - so why not standard blue?
  2. I think that visited link colour being different to the standard link colour is a helpful marker for those who can see it.
cathydutton commented 5 years ago

Good point on the colours @glancyea. I took them from here https://www.gov.uk/government/organisations/department-for-environment-food-rural-affairs but I'm not sure if we have to use them or not.

benwakefield commented 5 years ago

I had confirmation from Design102 (the agency responsible for the group HM Gov rebrand) that DEFRA green should be #00a33b

cathydutton commented 5 years ago

Maybe this is where the other colour came from?

Screen Shot 2019-07-18 at 09 01 56
benwakefield commented 5 years ago

Must be a legacy branding thing, APHA isn't listed in the organisation.scss and if you check on GOV https://www.gov.uk/government/organisations/animal-and-plant-health-agency they've aligned it with #00a33b

cathydutton commented 4 years ago

rgb(0, 163, 59);

00a33b

hsl(142, 100%, 32%)