Archetype

Archetype (n): 1. A symbol, pattern, or prototype upon which others are copied, patterned, or emulated; 2. A flexible, object oriented, Sass architecture for mobile-first, responsive builds with built in live style guide.

Archetype is a front-end toolkit designed with the principles of OOCSS and SMACSS for building responsive, mobile-first front-ends using a specific coding standardard. Archetype integrates Dexy to automatically generate and update a project specific style guide and pattern library to facilitate style-guide-driven development, as well as encourage frequent testing and a performant front-end.

A specific implimentation of several open source projects.

1. Naming convention based on bem and OOCSS
2. Architecture based on SMACSS
3. Modular and distributed style sheet architecture built on bower, inspired by SUIT
4. Layout is treated as an enhancement
5. Integrated Style Guide using Dexy
6. Test driven
7. Built with Grunt

Dependencies

Dependencies are managed with bower. The following are installed via bower install.

• Archetype-u-colorkit
• Archetype-c-typography
• Archetype-u-normalize
• Archetype-u-componentConstructor
• Archetype-c-page

Third Party Dependencies

Each installed via Ruby Gems to your local machine. See each project's install docs.

• Susy
• Breakpoint
• Compass
• Modular Scale
• Sassy Math
• Modernizr
• Jacket

Additional Archetype Modules

Each installed individually using Bower or Git

• Archetype Components
• Archetype Utilities
• Archetype Objects

License

Original source code licensed under MIT license. Open-sourced projects used within this project retain their original licenses.