5 Great Ways to Add Color to Your Site

5 Great Ways to Add Color to Your Site

Adding color to your site is one way of breathing life into it. Here are great ways that you can add color accents without drowning out your site.


Never underestimate the power of color. It has the uncanny ability to make an impactful impression. Good color use though is not as straightforward as it may seem. Too much of this great thing might leave your site looking messy and confused. Here are great ways to use color accents on your site.

1. Tinted Media

Great images or videos don’t always need to be shown as is. To tie them in better with your color scheme, use a great color tint for your media.

A Pop of Color Goes a Long Way

2. Separators

Separators are not only great for levelling up your transitions, the separator is also a great way to use your color palette.

3. Hover Effects

If you want to use color in a dynamic way, you can easily achieve this by using color in/out hover effects.

Hover for Color

Hover for Color

Hover for Color

4. Buttons

Ah… the good ol’ button. For great and attention grabbing call-to-actions, choose a stand-out color for your buttons.

Gimme Great Color

5. Page Highlights

Items on your page that are meant to be highlights present opportunities for adding cool color accents.

With great color comes great responsibility.

Recap

These page elements are great choices for adding a good splash of color to your page.

  • Tinted media
  • Separators
  • Hover Effects
  • Buttons
  • Page Highlights

Want to engage more?

Join the Stackable Facebook Community.

Learn more about Stackable, engage with the Stackable team, and share interesting insights and with fellow Stackable users.

Be part of our community today.

Was this article helpful?

2 thoughts on “5 Great Ways to Add Color to Your Site

    1. Glad to know that you liked our article. You can play around with your Row Separators by changing the color of the Layer 2 and 3 (take note that Layer 2 and 3 are only available on Stackable Premium). You can also change the Margin to pull up or down the separator to the block above it.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.