I see a fresh website and I want it painted black.

Adam Crockett 🌀 - Oct 3 '19 - - Dev Community

My portfolio website is coming on nicely, but one thing that bothers me. I swear I used to be able to design before I learned about good accessibility practices. You see I like colour, and I know of some color pallettes that aren't too bad for getting a AA or even triple AAA rating. Sounds good so far, "I could splash a little yellow here, a little blue there, oh that pink looks nice.. ". I have just broken a rule. Not too many colours!

Okay let's try this again, make the colors more muted, use 3 colors max, keep things consistent. Oh it looks like IV just made a black and white website...

I find that my websites always just end up as black and white generic box stacks. I want to use black, white, brown and copper colours. Then I need to decide how much ratio of each colour, as a big slab of brown could look like 💩.

Okay so perhaps I have a way forward, wait isn't copper the colour of 3rd place medals.. oh choosing a scheme is so hard, even with a decent pallette, making. The rules that's the hardest bit.

I have no idea how to make rules for my colours and if there is a way to look modern but break out of the generic hero image and stacks of boxy content, or if my theme should be dark or light.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .