WEB DESIGN - COLOR THEORY

In this website design, I have 03 main colors which are black, white and red, I distribute the colors according to the rule of 60-30-10 in which 60% - the main color - is black (The background color), 30% - the secondary color - is white (Used as display text) and 10% - accent color - are the analogous colors of sepia in the image.

I wanted to branding as elegant and unique, artistic service so I chose these three colors based on their psychological meaning.

• Black: for power, sophistication, mystery, sense of luxury.

• White: because black and white is a analogous color, their combination will bring a sense of luxury and white also stand out against the black background, making it easy for users to read text on the website.

• While red is a strong color which represent for the energy to grab the visitor's attention. Yellow indicates elegant and artistic personality combining with black, it will also quickly command attention.

Reference:

1. Adelugba, A., 2020. How the 60-30-10 rule saved the day. [online] Medium. Available at: <https://uxdesign.cc/how-the-60-30-10-rule-saved-the-day-934e1ee3fdd8> [Accessed 8 July 2022].

2. Cowan, K. (2015) An Essential Guide to Color for Designers: Understanding Color Theory. Available at: https://www.creativeboom.com/resources/essential-color-guide-for-designers-undue-color-theory/

3. Fanguy, W., 2020. What Is Color Theory? Meaning & Fundamentals. [online] XD Ideas by Adobe. Available at: <https://xd.adobe.com/ideas/process/ui-design/what-is-color-theory/> [Accessed 8 July 2022].