Using color gradients as a type treatment is a very popular technique for creating captivating text in a web design. They’re used in many situations: for site logos, introductory text, visual elements, and more. But be cautious: the only thing that separates stylish and tacky is a few mistakes in your Photoshop settings.
If you’re looking for inspiration and great examples of gradient text treatments in web designs, here are a few to check out.
1. Bainbridge Studios
Bainbridge Studios

2. aiAlex
aiAlex
3. Radium
Radium
4. Deagostini Bombers of World War II
Deagostini Bombers of World War II
5. Coda
Coda
6. Bird Malaysia
Bird Malaysia
7. atebits
atebits
8. Macalicious
Macalicious
9. Idea Foundry
Idea Foundry
10. iceberg
iceberg
11. Newism
Newism
12. Studio 7 Designs Inc
Studio 7 Designs Inc
13. Overture Technologies
Overture Technologies
14. Your Web Job
Your Web Job
15. WPCoder
WPCoder
16. Strutta
Strutta
17. Hashrocket
Hashrocket
18. Mac.AppStorm
Mac.AppStorm
19. Hugs
Hugs
20. Keypoint
Keypoint
21. OnWired
OnWired
22. Anderbose
Anderbose
23. Uncover
Uncover
24. Mein Brandenburg
Mein Brandenburg
25. Shopify
Shopify
26. goinnovate
goinnovate
27. Brian Michael Hansen
Brian Michael Hansen
Related Content

About the Author
Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and PHP development. If you’d like to connect with him, head on over to the contact page and follow him on Twitter: @sixrevisions.