search

North-Wyke-Farm-Platform / NWFP-WEB-000

To serve as a placeholder for all ideas regarding the new site for the NWFP - there might be some code there eventually
MIT License
0 stars 0 forks source link

Colours #8

Closed nathcast closed 1 month ago

nathcast commented 1 month ago

We start from the colors for the Logo #009CB8 the Rothamsted green??? #127804 The Rothamsted Yellow? #FFD90D and build palettes. One set of shades of #009CB8 - nw-blue which is your accent color We also usually need a contrasting color for warnings in the oranges / yellows / reads and a set of shades of greys for typography

It is usually defined as Primary, : dark blue - #009CB8 Secondary, : a more muted blue info, : in the yellows (associating yellow with help pages and information) warning, (in the oranges) alerts (in the reds) and the shades of greys or b

For each of them, I can put them in the laravel jetstream default colors - and that is easy to change.

nathcast commented 1 month ago

Made palette nw-blue based on the blue from the logo using the tailwind color palete Midnigh Green = nw-blue-900 Blue-Munsell = nw-blue-600 Azure = nw-blue-50 Yellow-Green = Lime-500 Avocado = Lime-700
Mustard = Yellow-300 Gamboge = Amber-500 Mahogany = Orange-700

Image

GriceP commented 1 month ago

I'm OK with this Nath, Thanks

nathcast commented 1 month ago

Hi, Have a look in LUNACY for that issue: As explained here, once I have the LOGO color, I used it to make a palete of blue (nw-blue) and got a couple of greens because they might be needed and the usual yellows, orange and mahogany to have accent colours In teh COLORS panel, look at the nw-blue 01 frame. I put extra screen shots of my work area there to look at. See

here and example of how this can be worked out on the header.

Image

Image

example of button Image

same button on hover :)

What do you think?

soilsci commented 4 weeks ago

I like it!

GriceP commented 4 weeks ago

Hi Nath

This is what I can see on Lunacy.. Not sure I am looking at what you are directing me to as the palette isn't quite as you describe

@.***

From: Nathalie Castells @.> Sent: Wednesday, June 5, 2024 4:54 PM To: North-Wyke-Farm-Platform/NWFP-WEB-000 @.> Cc: Phil Le-Grice @.>; State change @.> Subject: Re: [North-Wyke-Farm-Platform/NWFP-WEB-000] Colours (Issue #8)

CAUTION: This email originated from outside of the organisation. Do not click links or open attachments unless you recognise the sender and know the content is safe.

Hi, Have a look in LUNACY for that issue: As explained here, once I have the LOGO color, I used it to make a palete of blue (nw-blue) and got a couple of greens because they might be needed and the usual yellows, orange and mahogany to have accent colours In teh COLORS panel, look at the nw-blue 01 frame. I put extra screen shots of my work area there to look at. See

here and example of how this can be worked out on the header.

image.png (view on web)https://github.com/North-Wyke-Farm-Platform/NWFP-WEB-000/assets/36696807/8a747fe3-2a4c-4daf-b129-b3a3a9c52f2b

image.png (view on web)https://github.com/North-Wyke-Farm-Platform/NWFP-WEB-000/assets/36696807/91b2449c-7c75-4856-a60c-75685053b76b

example of button image.png (view on web)https://github.com/North-Wyke-Farm-Platform/NWFP-WEB-000/assets/36696807/2e164c40-e880-42dc-bd4e-93764dd76f10

same button on hover :)

What do you think?

- Reply to this email directly, view it on GitHubhttps://github.com/North-Wyke-Farm-Platform/NWFP-WEB-000/issues/8#issuecomment-2150412991, or unsubscribehttps://github.com/notifications/unsubscribe-auth/BH4UWQWDTU3HPQ7O5TI6XJDZF4YCHAVCNFSM6AAAAABHKYQ4YOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNJQGQYTEOJZGE. You are receiving this because you modified the open/close state.Message ID: @.**@.>>

Rothamsted Research is a company limited by guarantee, registered in England at Harpenden, Hertfordshire, AL5 2JQ under the registration number 2393175 and a not for profit charity number 802038.