Задача «Дополнительные цвета» показала, что противоположные цвета на цветовом круге могут сделать друг друга более сочными, когда они расположены бок о бок. Однако сильный визуальный контраст может быть слишком резким, если он чрезмерно используется на веб-сайте и иногда может сделать текст более трудным для чтения, если он размещен на фоне дополнительного цвета. На практике один из цветов обычно доминирует, а дополнительный используется для привлечения внимания к определенному контенту на странице.
Эта страница будет использовать сине-зеленый оттенок ( #09A7A1 ) в качестве доминирующего цвета, а дополняющий его оранжевый ( #FF790E ) для визуального выделения кнопок sign-up. Измените background-color обоих элементов header и footer с черного на сине-зеленый. Затем также измените color текста h2 на сине-зеленый. Наконец, измените background-color button на оранжевый цвет.