Hawthorne is a portfolio template. View a live site.
Willamette is a marketing site template used by this site. Change the theme.
We ask for your email in exchange for the free templates so we can notify you about new product releases. Unsubscribe at any time with one click.
Tons of attention is given to the small typographic details – text will be beautiful and easily-readable on all screen sizes
FastClick eliminates the 300ms delay between a tap and a click event – your site will feel like a native app
Built on a mobile-first, responsive grid powered by Zurb Foundation 5 – your site will look great on any device
Enjoy nice typography via Google Fonts – no more paying monthly fees for a font delivery service
Simply swap out the included type and color CSS files to easily change the look and feel of your site
No monthly fees and no software to install – just simple HTML files that you upload to your web host
Your site will look gorgeous on high-resolution displays with 369 built-in icons at your disposal
Just edit the basic HTML that is already provided – no need to touch any CSS or JavaScript
Coded using the latest HTML5 standards – W3C valid, cross-browser compatible and SEO-friendly
Mix and match the type and color CSS files for a unique design – all fonts are included. Upgrade to the Pro version for additional type and color themes.
Open the zip file and edit the HTML files with a text editor to add your content.
Mix and match the included type and color CSS files to customize your design.
Upload your new website to your web host. Done!
Say goodbye to WordPress – manage your site with a simple, database-free control panel via the awesome Statamic CMS*
Your Statamic theme includes a custom-designed, fully-featured blog section – you’ll be up and blogging in minutes
Your Statamic theme will be super-easy to set up but we’ll provide any additional help you need to get up and running
Your site will look entirely like your own creation – the Pro licenses don’t require the “Powered by Type & Grids” link
Customize your site design with additional type and color themes not available in the free versions
The full source files are included – if you are familiar with Sass you can easily create your own custom type and color themes
A flat-file CMS is a new kind of content management system that stores content in files and folders rather than in a database like a traditional CMS such as WordPress. Not using a database offers many advantages in the areas of speed, simplicity, security and version control. Many designers are starting to switch to flat-file CMSes…
I think we’ll see continued growth in flat file static website builders… there’s a growing realisation that sometimes a full CMS is simply overkill. Collis Ta’eed, Envato Founder, 2014 Predictions for Web Design
Statamic is a flat-file CMS that is quickly growing in popularity amongst designers. Type & Grids is not affiliated with Statamic in any way – we just believe they make the absolute best flat-file CMS available. Statamic runs on any web server that runs PHP (most web servers). To “install” Statamic you simply upload the contents of a zip file to your web host – there is no database to configure. From there, your site can be setup via the easy-to-use control panel.
*Important: Statamic is a commercial CMS – to use Statamic you will need to purchase either a personal ($29) or commercial ($99) Statamic license.
Screenshot of the CMS control panel
Basic HTML knowledge is helpful but not required. You shouldn’t need to write any code yourself – just edit and copy & paste the code that is already set up.
The footer link is required in the free versions. If you would like to remove the footer link, you can purchase one of the Pro Packages.
The only software you will need is a basic text editor and an image editing program (like Photoshop) to create any images you want to use. If you purchase a Pro Package and choose to use the Statamic theme version, you will need to purchase either a personal ($29) or commercial ($99) Statamic license.
Type & Grids uses the popular shopping cart provider E-junkie to handle the entire checkout process. Payment is made securely through PayPal or with a credit card. The files are delivered instantly after payment. We never have access to any of your credit card info and we offer a 30-day money-back guarantee on every purchase.
No. The Pro versions include the plain HTML version as well as the Statamic theme version – you can use whichever version you prefer. Note that in Pro Package 3 there is no HTML version of Belmont as the entire site relies on dynamic content which requires Statamic.
The Willamette theme is used by this website you are currently viewing. The entire site (even the blog) runs on Statamic. You can click the “Change Theme” link in the nav bar to see a sample of some of the type and color theme combinations. The Belmont theme is a gallery theme that runs the popular web typography site Typewolf. It has the same features as Hawthorne and Willamette, including all of the type and color themes.
No. Type & Grids comes in two versions. The first is just plain, static HTML. The second is a Statamic theme (available in the Pro Packages). Statamic is a CMS with a control panel (like WordPress) but it runs without using a database, instead using just files and folders.
Typography and grids make up the foundations of graphic design. With Type & Grids the goal is to distill the basic elements of design into a simple website framework that anyone can use. Other templates try to do everything but end up completely bloated with features and difficult to use. Type & Grids doesn’t try to do everything, but what it does, it does really well.
That version is still available and still actively supported on classic.typeandgrids.com.