___           _          _                    
 / _ \         | |        | |                   
/ /_\ \_ __ ___| |__   ___| |_ _   _ _ __   ___ 
|  _  | '__/ __| '_ \ / _ \ __| | | | '_ \ / _ \
| | | | | | (__| | | |  __/ |_| |_| | |_) |  __/
\_| |_/_|  \___|_| |_|\___|\__|\__, | .__/ \___|
                                __/ | |         
                               |___/|_|         


@Project          Archetype
@Type             FED
@Date             10/06/2014
@Author           Benn Pearson, Pete Naish and Andy Williams
@BrowserSupport   IE9, IE10, IE11, Safari, Firefox, Chrome

FED Archetype

An example of a modular based layout

This is a FED Archetype based on Christopher Butler's article on modular content to demonstrate BEM methodologies, folder structure and mixins.

Take a look at the modules/components and templates/layouts to see how they are seperated in preperation for backend development

To see BEM methodology guidelines and folder structure go here

Get the FED mixin library here

Made by

• Benn Pearson
• Pete Naish
• Andy Williams

Links

• Demo: http://ixd.precedent.com/bennpearson/archetype/
• FED Guidlines: https://github.com/pete-naish/front-end-guidelines
• FED Mixin library: https://github.com/bennpearson/fed-mixin-library