This document is NOT officially endorsed by the W3C, but it is based on a page template similar to the SVG logos and Semantic Web logos pages.
This is a proposal for a replacement / update of the CSS logo. The designs herein were authored by Daniel Weck, and were last updated in May 2011. The current CSS logos can be found on the CSS "buttons" page, and are reproduced below for reference only:
| Cascading Style Sheets Logos | ||
|---|---|---|
 (png, gif, svg, eps) |
 (png, gif, svg, eps) |
|
| Cascading Style Sheets Alone and with "Cascading Style Sheets" | ||
 (png, gif, svg) |
 (png, gif, svg) |
 (png, gif, svg) |
The "stacked 3D cubes" design is an evolution of the "2D cascaded squares" used in the original CSS logo. The pyramid-like pattern symbolizes the evolution of CSS into a rich, robust foundation for document layout and styling. The three cubes are a visual echo of the famous 3-letter "CSS" acronym. The catch-phrase "Design, Create and Enjoy!" is represented by the three distinct colors used for each cube. Blue stands for design, rapid prototyping, putting ideas in motion with minimum effort. Red stands for the act of creating quality content, deploying to every user, on every browser. Green stands for the enjoyment experienced by end-user when reading and interacting with beautiful, flexible and accessible documents.
W3C anticipates using the CSS logo in conjunction with other imagery related to open Web standards.
| CSS | 
(png, gif, svg) |
(png, gif, svg) |
(png, gif, svg) |
(png, gif, svg) |
(png, gif, svg) |
|---|
Examples of subtle design changes (gradient vs unicolor, glow effect, dropped shadow, background styles, monochrome, grayscale, etc.):
