nature-of-code / noc-book-2

The 2024 edition of The Nature of Code with p5.js. Includes Notion workflow and build system.
https://natureofcode.com
1.15k stars 82 forks source link

design guidelines for examples #90

Closed shiffman closed 1 year ago

shiffman commented 2 years ago

The examples are a mish-mosh of different background colors and shape colors. I'll use this thread to track a convention for

Obviously there will be some variation, but this is a good starting point. I think it makes sense to have white backgrounds. This will look best I believe in print? But I'm open to something different for the web (though that adds complexity in terms of maintaining the codebase.)

Screen Shot 2022-09-21 at 10 56 05 AM

jasongao97 commented 2 years ago

Here are some tests for the following color palette:

Untitled Diagram (1)

shiffman commented 2 years ago

This works for me! @zee-em do you have any thoughts in terms of the interplay of these with the illustrations?

shiffman commented 1 year ago

This can be closed as the styles have been applied across the board. Individual issues can be opened if there are sketches that are off.