ReadSwapz is a user-friendly web application designed to provide a seamless experience for book enthusiasts, allowing them to log in, sign up, and access a wide range of features. The design focuses on a clean and responsive user interface with a cohesive color palette.
The following colors have been applied across the website for consistent styling:
| Color Code | Color Name | Usage |
|---|---|---|
#F5F5EB |
Soft Cream Background | Applied to the body as the background color. |
#7AA892 |
Muted Sage Green | Applied to the header background color. |
<br> Used for **input field focus** border color. |
| #333333 | Dark Grey/Near Black | Used as the body text color.
Applied to nav h1 text color.
Applied to labels in the login box and input fields.
Used as login-box h2 text color. |
| #FFFFFF | White | Applied to nav links (nav ul li a).
Used as button text color.
Applied to .google-signup background color. |
| #A77E58 | Muted Olive | Applied to button background color.
Used for .signup-option a text color.
Applied to .signup background color.
Used as border color for .google-signin-button. |
| #B0B8A6 | Light Sage Green | Applied to .input-field input border color. |
| #8A6746 | Warm Brown | Used as hover color for nav ul li a.
Used as hover color for button.
Used for .google-signup border color.
Applied as hover color for .signup-option a. |
| #794c22 | Dark Brown | Applied as hover color for nav ul li a. |
| rgba(255, 255, 255, 0.9) | Semi-Transparent White | Applied to .input-field input background color. |
| #F1C5B8 | Soft Peach | Applied to .login-box background color. |