Skip to content


Subversion checkout URL

You can clone with
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

executable file 123 lines (119 sloc) 6.331 kB
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Blueprint: A CSS Framework | Spend your time innovating, not replicating</title>
<meta name="description" content="The official homepage for Blueprint, the original CSS framework. Also known as Blueprint CSS.">
<link rel="stylesheet" href="/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="/css/latest.css?v=3.1.0" type="text/css" media="screen, projection">
<style type="text/css" media="print">img { display:none; }</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="">
<link rel="icon" type="image/ico" href="/favicon.ico">
<div id="header">
<h1 id="title">
<img src="/img/blueprint_header_clean.png" alt="Blueprint: A CSS Framework" width="412" height="100">
<div id="main">
<div id="main_content">
<div class='container' id="content">
<div class='column span-12 append-1'>
<p id="statement">
Blueprint is a <strong>CSS framework</strong>, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
<div class="column span-5 box last">
<h2>Download Now</h2>
<ul id="download_list">
<li><a href="">ZIP</a></li>
<li><a href="">TGZ</a></li>
<li id="all_releases"><a href="">All Releases</a></li>
<p class="bottom">
Latest version: <strong>0.9.1</strong><br>
Last updated August 20, 2009
<div class="column span-10 append-1">
<h2>What does Blueprint have to offer?</h2>
<ul class="simple">
<li>A CSS reset that eliminates the discrepancies across browsers.</li>
<li>A solid grid that can support the most complex of layouts.</li>
<li>Typography based on expert principles that predate the web.</li>
<li>Form styles for great looking user interfaces.</li>
<li>Print styles for making any webpage ready for paper.</li>
<li>Plugins for buttons, tabs and sprites.</li>
<li>Tools, editors, and templates for every step in your workflow.</li>
<h2>Stay Connected</h2>
<ul id="social_list">
<li id="twitter"><a href="">Follow on Twitter</a></li>
<li id="facebook"><a href="">Facebook fan page</a></li>
<li id="sharethis">
<script type="text/javascript" src=";type=website&amp;embeds=true&amp;post_services=facebook%2Cdigg%2Creddit%2Cdelicious%2Ctwitter%2Cstumbleupon%2Ctechnorati%2Cmixx%2Cblogger%2Ctypepad%2Cwordpress%2Cgoogle_bmarks%2Cwindows_live%2Cmyspace%2Cpropeller%2Cnewsvine%2Clinkedin%2Cfriendfeed&amp;headerTitle=Spread%20the%20word%20about%20Blueprint"></script>
<div class="column span-8 last">
<h2>Get started</h2>
<dt><a href="/tests/">Live Demos</a></dt>
<dd>Grid, typography, and form examples.</dd>
<dt><a href="">Blueprint Wiki</a></dt>
<dd>Tutorials, tools, browser compatibility list and more.</dd>
<dt><a href="">Discussion Group &amp; Mailing List</a></dt>
<dd>Post a question, get answers!</dd>
<dt><a href="">Github Repository</a></dt>
<dd>Fork &amp; watch &mdash; contribute to the future of Blueprint.</dd>
<dt><a href="">Bug Tracker</a></dt>
<dd>Post any bugs you find.</dd>
<div class="container" id="gallery">
<div class="column span-19 last">
<h2>Sites using Blueprint</h2>
<div class="column span-9 append-1">
<span class="item">
<img src="/gallery/webvanta.jpg" alt="Webvanta screenshot" width="344" height="350">
<a href="" class="caption">Webvanta</a>
<div class="column span-9 last">
<span class="item">
<img src="/gallery/cca.jpg" alt="CCA screenshot" width="344" height="350">
<a href="" class="caption">Canadian Centre for Architecture</a>
<div class="column span-9 append-1">
<span class="item">
<img src="/gallery/quantcast.png" alt="Quantcast screenshot" width="344" height="350">
<a href="" class="caption">Quantcast</a>
<div class="column span-9 last">
<span class="item">
<img src="/gallery/blueflavor.jpg" alt="Blue Flavor screenshot" width="344" height="350">
<a href="" class="caption">Blue Flavor</a>
<div class="column span-19 last">
<p><a href=""><strong>View more sites using Blueprint at</strong></a></p>
<div class="container" id="footer">
<div class="column span-19 last" id="credit">
<p class="bottom">
Icons by <a href="">Paul Jarvis</a> &amp; <a href="">Komodo Media</a>. Site by <a href="">Christian Montoya</a> with help from the Blueprint community.
Jump to Line
Something went wrong with that request. Please try again.