Bones

Keep It Classic For Me

A Responsive Design isn't always ideal. For those times, there's the good 'ol classic stylesheet. Using the 960 Grid, you can use pixels, percentages, or ems to craft your layout. Don't use the 960 Grid System? No Problem. You can easily swap out the grid styles and replace them with your own.

• Built Around the HTML5 Boilerplate
• Insanely Detailed & Organized CSS File
• HTML5 Ready Template Files
• Easy to Customize & Expand Upon

Let's Get Responsive

Designing for multiple devices is a tough task. Right off the bat, you need a flexible and solid starting point. The Responsive version of Bones is that starting point. With a stylesheet setup for media queries and a Mobile First approach, you'll already be ahead of the curve.

• Built Around the 320 & Up HTML5 Boilerplate Extension
• Insanely Detailed & Organized CSS File
• Clean Header & Footer for Optimized Speed
• HTML5 Goodness

Sure, Frameworks are great and they can make developing sites easier, but sometimes you just need to get your hands on the code and make a project truly yours. Bones isn't meant to be used as a Framework. It's meant to be used as a per-project template. Make sites that are original & and one of a kind!

1. Step 1: Download Bones
2. Step 2: Customize It for your Project
3. Step 3: Rinse & Repeat

It's really that simple. Each download is unique in it's own right.

Have Your Own Style?

Fantastic! Bones was created to make Developer's lives easier. It's meant to be hacked and edited until it fits the mold you're looking for. Tweak it and create your own base styles. You'll soon start to see how powerful this Development Theme can really be.

Stick A Fork In It

Like Bones but want to add your own stuff? Fork it on Github and make it yours! Bones is completely free and open to be tweaked and built upon. Want to make commercial themes using Bones? Go For It! Bones is all about making the web a cleaner, more beautiful place. :)

In-Depth Documentation & Tutorials

Ever buy something and when you get it home have no idea how to use one of it's features because there is no documentation? Yea, I hate that too. Everything in Bones is documented and available to you before you even download it! Be Warned though, Bones is for Developers so if you're not comfortable with CSS or HTML, you may want check out some other options. View the Docs →

Insane Details

Some would say I'm anal about my coding habits. Years later, Doctors would say I'm Obsessive Compulsive. Why should you care? Because all that looniness helped me put together an insanely detailed stylesheet. Not only is everything laid out in a semantic order that makes it easy to find what you're looking for, but it's all tagged with explanations as to what everything does. This helps you find what you're looking for fast, instead of having to scroll down a messy stylesheet. Get in, Get out, Get it done.

Now, also available for the Genesis Framework!

If you're working with Frameworks, chances are you're working with Genesis. whether it's making Child Themes to sell, or developing them for clients, you need a great place to start each project. Look no further, Bones is now available for Genesis!

Bones for Genesis →

Select A Version to Download

Tweet