Last Updated on June 4, 2021
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.
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.
Great article. Can you provide some tips on make striking separator styles like the one you have shown here?
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.