Awesome CSS table designs

Tables are the hell of web design.

Decide on colors, shapes, typography, padding, borders… how to combine it to please the eye of the user that includes all that boring detailed table information.

I have been sailing the seas of tables (ok… that sounds odd) and seems that the secret is on the details that will make that table different. I mean is not about make everything different in all tables, but to make one or two of the standard variables elegant and vivid.

Smooth Taste

Smooth Taste: Preview this table here. In the same page you will find a wide collection of table designs with the stylesheet files. Includes pretty cool and really awful options. Choose wisely.

Sportbooks site designs think in beautiful tables

Sportbook sites are very competitive and they need to use tables to display the odds. Two good examples: and Jazz Casino & Sportsbook.

See each example here: and Jazz Casino & Sports

Crazy Egg

Crazy Egg tables are one of the best examples when I say that the secret is on details. See how beautiful and elegant these tables are.

Ustream Pricing Table

UStream pricing tables are another good example of how detail makes the difference. If you see this example and the other one of Crazy Egg you will notice the importance of details specially on the table headers.

Are My Sites Up?

Are My Sites Up? uses this table enriched with color differentiation and the use of icons


Table as web applications is the case of Waoo! where animated bandwidth comparison graphic examples are shown.

This entry was posted in CSS, Web design. Bookmark the permalink.