How can you successfully use gradients in your next design

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text]


Hello Monday!

Today I decided I was in the mood of starting off with a business tip…Gotta change things up right? Else, it will get super boring.

There are lot of tips I can share…

Which One? Which one should I choose?

Eeny, Meeny…OK will just pick one.

Have you ever heard of Trello?

It is a great cloud based tool, that has a free version. I really like the ability to setup projects, break down into steps and sub-steps.

It is like doing a brain dump! 

It allow you to organize your thoughts visually, so you see exactly what needs to get done in order to complete the project. I have also used it to collaborate with other members of the team at The Bold Edge.

This example grabbed off of Trello’s website was actually used for a personal project, but I think you can get the gist.


Check out Trello at…

Now back to our main topic…

Gradients are exciting to use…BUT they need to be used in the right way in order for them to enhance your design instead of screaming unprofessional.


How can you successfully use gradients in your next design?

1. Use your gradient as a backdrop, not as a main event. Make sure text and main pictures are the items that stand out, not the gradient.

2. The gradient should match the color scheme of the entire design. It should be a supporting actor, not the main performer.

3. Gradients that are similar in color are generally foolproof, so if not sure the colors to use, then choose analygous colors, or monochromatic color schemes.

Here are some examples of fabulous gradients in action:

Here are some logos using gradients:





Here are some websites using subtle gradients to give a feeling of light.




Look how the clever use of gradients in more of a complementary color scheme makes the design pop. But the reddish color is just used as a blush, very gently.



Just to sum up…Gradients are great when used with a gentle touch. They can add an extra dimension to your design, and literally give it dimension and 3d like look

Check out our Pinterest board for some more design inspiration!

Visit The Bold Edge’s on Pinterest.

Do you enjoy using gradients in your design? Have you been using these tips? Comment below!!


Share this post

Get our weekly free email newsletter

The videos, articles and freebies in design, marketing and business you must have, so that you stay on top of your skills and market trends.