Wednesday, June 6, 2012

Facebook Style CSS colour codes for facebook application developers and websites


Facebook keeps their colour model simple, and it's an effective approach. General text ranges from light to dark grey (never black) and as far as I can tell, every link is in what I call "Facebook Blue". For background and border colours, Facebook uses a pair of light and dark variations on a single colour to create contrast.

Let's take a look at the full reference chart. 
Facebook Blue

Facebook Blue#3b5998

Text Colours

Light Text#999999
Medium Text#666666
Dark Text#333333
Link/Anchor Text#3b5998

Grey Box

Background#f7f7f7
Border#cccccc

Blue Box

Background#eceff6
Border#d4dae8

Information Box

Background#fff9d7
Border#e2c822

Error Box

Background#ffebe8
Border#dd3c10


Thank you this article helpfull for facebook application developers to assign colour to their facebook appilications.

No comments:

Post a Comment

Confused? Feel free to ask

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.

Note:
Please do not spam Spam comments will be deleted immediately upon my review.