Branding your CSS Stylesheets
Posted by Johan on October 20th, 2007.
I am not sure this is only a fad that has following in the web standards community; since CSS is part of their world. What am I talking about? Designers that add the color scheme of their personal website to their stylesheets. What motivates them? Let’s scratch the surface a little bit… On the one hand you could say it is emotional: to give a personal touch to the stylesheet - a cold piece of code - of their blog or website, on the other hand you could see it as part of branding; color combinations are part of branding. There is even more ground that makes designers add the color scheme to the top of their stylesheet. People steal/copy often entire stylesheets and often these rip offs appear on the web without any modification. Stylesheets are free to use, and designers allow people to use their stylesheets. A common unwritten rule of thumb in the web standards community. But the colors used in that stylesheet, in that particular combination needs to be protected. You cannot steal all … Here are some examples of stylesheets that include color schemes using hex code and/or their textual equivalent.
Example 1: Modular
Roger Johannson http://www.456bereastreet.com
456 Berea Street Main style sheet
Copyright 2006 Roger Johansson
Last edit: 2007-01-27
Dark green headings (Main articles): 8A8E27
Light green headings (Home page sections): 828368
Green headings (Secondary): 578A1C
Green border colour: b6c8b0
Link hover: D03900
Heading link border: cfcfa0
Beige background colour: f1efe7
Light green background colour: f4f6e0
Example 2: two colors
Jonathan Snook http://www.snook.ca
#036 - dark blue
#C60 - orange
Example 3: Theme based
Dave Shea http://www.mezzoblue.com
-- -- -- -- -- -- --
mezzoblue v6 colour CSS file
Colour scheme: Peering – — – — – — –
Will this not so old fad gain following, or will it water down completely? Only the future will tell.
update: the discussion has now been extended to copyright notices, humorous side notes, and other forms of personalizing a style sheet. I am not interested in style sheets that make them more readable e.g. dividing a style sheet into sections for easier maintenance.
Make A Comment
( 33 so far )
Related In Some Way, Shape Or Form
The above post has obviously kept you amused. Why not discover similar material:
The posts Web 2.goo goo gah gah, Flash and Accessibility, Designing brand identity: book review, Brand Review: Identity for Celebrity / Kate Moss, Brand Identity: What’s Your Threat Level? | Small Business Marketing & Branding, are related to this post.
Or why not take time out to find out about the author of the post.