DEV Community

Cover image for 5 Basic Design Concepts for Front-End Devs

5 Basic Design Concepts for Front-End Devs

Iqra Masroor on March 10, 2020

As a graphic designer, diving into coding is a bit daunting and scary. My coding process is a bit different. I like to start my project off with th...
Collapse
 
calix profile image
Calix Huang

How does one make a lot of text readable when the color scheme is very bright? I know a lot of the time I like choosing color schemes as a color with white.

Specifically, I chose a bright green with white, and when I was writing an instructions page, the white text was hard to read against the bright green background.

Any help?

Collapse
 
iqramqra profile image
Iqra Masroor

The reason that your text is unreadable is that the brightness of white and green are the same, which causes color vibration. The best way to solve that problem is to have different brightness for your desired font. The best way to check it is to put your hex color to coolor.co and change the brightness. Hope this helps.

Collapse
 
svijaykoushik profile image
Vijay Koushik, S. 👨🏽‍💻

Thankyou very much. I always face this issue. This is just what I needed

Collapse
 
calix profile image
Calix Huang

Thanks! That was really helpful!

Collapse
 
tyrannaut profile image
Tim Ryan

Thanks for sharing this. Do you have any other Font Pairing resources you like to use? The ones you've used are awesome.

Collapse
 
iqramqra profile image
Iqra Masroor

In terms of generating a font pair, there are plenty of tools out there. The one I like to use is fontjoy.com. And if you're asking about getting fonts, I recommend you check out fontsquirrel.com.

Collapse
 
tyrannaut profile image
Tim Ryan

That's great - Thanks again!

Thread Thread
 
lbeul profile image
Louis

You should give fontpair.co a try!

Collapse
 
ahmedalalmi profile image
Ahmed Elalmi

Your blogger's small a little but it's very benefits, I did like it.
Go ahead. :)

Collapse
 
turtle_d0ve profile image
Alyssa

Great job Iqra !

Collapse
 
kehinde_issa profile image
Issa kehinde

Well done Iqra !

Collapse
 
arturmamedov profile image
Artur

Very nice the tip with font-family cmbination! Nunito / Mono Space win!