Archetype

Archetype is a UI pattern and component library for quickly iterating on and maintaining scalable web interfaces.

Resources

• Archetype Homepage
• Documentation
• Components
• Tutorials
• Blog
• Add-ons
• Discussion
• Archetype configuration

Installation

Install the gem

[sudo] gem install archetype --pre

Instead of installing the gem directly via the command line, we recommend using Bundler to manage your gem dependencies.

Creating a new project with Archetype

compass create ~/workspace/your-project -r archetype --using archetype

Adding Archetype to an existing Compass project

In your config.rb, add

require "archetype"

Import Archetype into your Sass file

@import "archetype";

Learn more about Archetype configuration.

Credits

Author

Archetype was originally written by Eugene O'Neill.

Inspiration

• Styleguides for the Web
• BBC Global Experience Language
• Our Living Style Guide (Writing maintainable HTML/CSS)
• The Fight for a Living Style Guide
• Anchoring Your Design Language in a Live Style Guide
• Unifying Agile and UX with Live Style Guides
• Twitter Bootstrap
• ZURB Foundation

Special Thanks

• Johnathan Leppert
• Jakob Heuser
• David Delo
• Robert Martone
• Sean Sands
• Chris Eppstein
• LinkedIn
• Compass
• Sass

Acknowledgements

This project couldn't have been made possible without the amazing work by the following heroes:

• Dave Gandy for his awesome work on FontAwesome
• Chris Eppstein and other contributors of Compass for building an amazing framework, and for some great scaffolding code we've borrowed
• Nathan Weizenbaum and contributors for making CSS fun again
• Nicolas Gallagher and Jonathan Neal for some Normalize.css greatness
• Nicolas Gallagher, Jonathan Neal, Kroc Camen, Paul Irish, and others for HTML5 Boilerplate