---
title: Compass Home
crumb: Home
body_id: home
layout: homepage
---
%h1#logo Compass
%h2 Compass is an open-source CSS Authoring Framework.
.overview
.info-box.compass
%h4 Why designers love Compass.
%ol
%li Experience cleaner markup without presentational classes.
%li It’s chock full of the web’s best reusable patterns.
%li It makes creating sprites a breeze.
%li Compass mixins make CSS3 easy.
%li Create beautiful typographic rhythms.
%li Download and create extensions with ease.
.info-box.sass
%h4 Compass uses Sass.
%p
Sass is an extension of CSS3 which
adds nested rules, variables, mixins, selector inheritance, and more.
Sass generates well formatted CSS and makes your stylesheets
easier to organize and maintain.
= render 'partials/ad'
%h3 Brilliant people use Compass, including these wildly talented folks:
%ul#featured_sites
%li
%a(href="http://addons.heroku.com/")
%img(src="/images/sites/addons.heroku.jpg")
%span.title Heroku Addons
%span.url http://addons.heroku.com
%li
%a(href="http://sencha.com/products/touch/")
%img(src="/images/sites/sencha.jpg")
%span.title Sencha Touch
%span.url http://sencha.com/products/touch
%li
%a(href="http://caring.com/")
%img(src="/images/sites/caring.jpg")
%span.title Caring.com
%span.url http://caring.com
%li
%a(href="http://hubblesite.org/")
%img(src="/images/sites/hubblesite.jpg")
%span.title HubbleSite
%span.url http://hubblesite.org
%li
%a(href="http://dailymile.com/")
%img(src="/images/sites/dailymile.jpg")
%span.title DailyMile
%span.url http://dailymile.com
%li
%a(href="http://cofamilies.com/")
%img(src="/images/sites/cofamilies.jpg")
%span.title Cofamilies
%span.url http://cofamilies.com
%li
%a(href="http://jumpstartlab.com")
%img(src="/images/sites/jumpstartlab.jpg")
%span.title Jumpstart Lab
%span.url http://jumpstartlab.com
%li
%a(href="http://green.cals.cornell.edu/")
%img(src="/images/sites/cornell.jpg")
%span.title Cornell University - CALS
%span.url http://green.cals.cornell.edu
%li
%a(href="http://busyconf.com/")
%img(src="/images/sites/busyconf.jpg")
%span.title BusyConf
%span.url http://busyconf.com
%section.book
%h3 Save 37% on the Book: (Currently In Beta)
%p
%a(href="http://www.manning.com/netherland/")
%img(src="http://www.manning.com/netherland/netherland_cover150.jpg" alt="Sass & Compass in Action")
Compliments of Manning.com is a standing 37% discount on
Sass and Compass in Action.
Use promo code sasscomp37
at manning.com on the MEAP, eBook and pBook of Sass and
Compass in Action. All pBook purchases include free eFormats (PDF, ePub, and Kindle)
as soon as available.
%section.gui
%h3 Hate the Command Line?
%a(href="http://compass.handlino.com/")
%img(src="/images/compass.app.png")
%p
Buy Compass.app
for Windows and Mac for just $7.
%p.note
Note: Compass.app is a product of Handlino, Inc but
30% of all proceeds go to Compass's charity of choice: UMDF.org.