Site Design
I chose the colors on this site based on two considerations: tropical birds and color blindness. The diversity of tropical birds is astounding. Evolution often produces wild and unexpected variety, but rarely as exuberantly as in these creatures. Whenever possible, I’ve taken color codes directly from pictures of some of my favorite birds.
To make the figures interpretable to as many people as possible, I then used guidelines from Masataka Okabe and Kei Ito’s Color Universal Design to optimize legibility for protanopia and deuteranopia, the most common forms of color blindness. As an example, the RNA library prep figure is reproduced below, recolored to imitate the two conditions.
RNA library prep figure with two forms of colorblindness
The exact color codes used on the site, and the birds that inspired them, are detailed below. Please feel free to use them, but do credit me if you use the exact same codes to indicate these molecules.
Signifies |
Color |
Hex Code |
Bird |
|---|---|---|---|
RNA |
|
#BD7DAC |
|
DNA |
|
#1B76B7 |
|
i5 Illumina Sequence |
|
#4AA177 |
|
i7 Illumina Sequence |
|
#F58817 |
|
.jpg){kind=link}