How to Make Your Website or App Stand Out with Color

Friday, July 8, 2022

There’s a ton of different ways to make your website or app standout — but one of the biggest (and most obvious ways) is through your branding.

This is why picking your color palette is one of the first and biggest things you can do to standout when you’re starting out.


Step #1: Choose your vibe

Are you going for a warm, cool vibe? Or a modern, sleek vibe? Do you want it to feel eclectic and homey? Or electric and bright? Deciding on how you want it to feel is the very first step in setting your intention for what you want your color palette to look like. It’s easy to get caught up in “favorites” or “I like this color”, but you really want your color palette to speak to your audience in a mature way.


Step #2: Choose your palette

First, go to this URL: https://color.adobe.com/create/color-wheel. You’ll want to add the HEX# code of the primary color of your company so far.



This makes it really easy to generate color palettes off of one single color. Oftentimes, I like to take this color from a logo or existing branding material I can find from the company I’m working with.


Step #3: Apply your colors

It’s important to take your colors with a grain of salt. By this, I mean apply them VERY carefully. You don’t want to overwhlem your users with all sorts of colors, so apply them tactfully. Here are some good rules of thumb.


Tip #1: All primary buttons should be the same color (ie. if your primary color is blue, then all buttons on your site are blue)


Tip #2: All hyperlinks should be the same colors (ie. if one hyperlink is underlined in purple, then this is how they all should be, no matter what page you’re on. They should also be the same font size and style)


Tip #3: All body copy should be the same color. I recommend a gray or black — colored typography is generally too hard to read and doesn’t often pass accessibility standards on web or mobile.


We hope this helped in picking colors for your next design!

Interested in chatting more with us about UI/UX design? Contact us at info@irisdesigncollaborative.com.

Posted on:

July 8, 2022

in

Design

category

Ready to scale and grow your business?

Schedule a Call
latest post

The blog

2023 UI/UX Design Trends in Tech

It feels like 2022 was just yesterday! Okay, maybe it was. While we’re still in the first part of the year, we’re sharing the top design trends that are coming to the forefront in 2023. These trends are becoming more visible in all niche tech industries for SaaS and mobile apps, including fintech, edtech, telehealth and more.

Articles
Go to Link
Read more

Tech Founders: How to Find Your Product-Market Fit

Everyone who has a great idea should go through some research and validation because you want to make sure you're building a solution to a problem that people actually have! So, let's walkthrough the steps in doing some research and discovery.

Articles
Go to Link
Read more

Hiring a Design Agency vs. an In-House Designer

We know hiring a designer for your app or software is a long-term investment. You want someone who will be there for you through and through! So, how do you find the best fit for you that meets all of your needs? You can go through a hiring process to find someone (which typically takes 1-3 months and then another 1-3 months for them to get acquainted), or you can hire an agency on a rolling month-to-month basis.

Articles
Go to Link
Read more

5 Questions to Ask Yourself When Creating a Meaningful and Impactful App

Have you ever had an experience with an app where you’re like “Oh wow! That is so cool?” It’s these amazing moments that change lives and behaviors. So, how do you cultivate these moments in your app and create a platform that everyone loves to use and come back to?

Articles
Go to Link
Read more

How Founders Save Time and Money in App Development

If you’re a founder, CEO or manager of any online platform, then you know this sentence all too well “it’ll be simple, just one extra screen!” — I have a truth bomb for you, it never is just ONE extra screen! So, how do you figure out if the new feature idea you have is actually in fact SIMPLE or DIFFICULT?

Articles
Go to Link
Read more

Avoid the #1 Mistake That Founder Make: Starting Development Before Design

Think of UI/UX designers as the architects of the building — they say what goes where and they provide a blueprint. Developers and engineering are the construction of the home. Remember, both experts have points of view in different areas, so it’s important to weigh these and do what is ultimately best for your business.

Articles
Go to Link
Read more
The Blog