Archetype [/ˈɑrkɪtaɪp/]: An universally understood symbol, term, statement, or pattern of behavior, a prototype upon which others are copied, patterned, or emulated.

HTML5 Archetype is a very simple HTML5 framework. Some of its features are: responsiveness, a straightforward fluid column grid and great typography. Read more about it (in Spanish) here.


Fluid width columns

1/2 column
1/2 column
2/3 column
1/3 column
1/3 column
1/3 column
1/3 column
3/4 column
1/4 column
1/4 column
1/4 column
1/4 column
1/4 column
1/5 column
1/5 column
1/5 column
1/5 column
1/5 column
1/6 column
1/6 column
1/6 column
1/6 column
1/6 column
1/6 column

It has icon fonts, too!

Create your own icon set with http://icomoon.io/ or http://fontello.com/.

U+e000
U+e001
U+e002
U+e003
U+e004
U+e005

This is a block of text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec diam non dolor congue imperdiet. In neque metus, suscipit non iaculis ut, iaculis sed quam. Morbi in nibh vitae augue tincidunt fringilla nec viverra mi. Mauris eget malesuada ipsum. Fusce pellentesque, turpis in aliquet pharetra, massa leo imperdiet tortor, eget pretium felis libero ut lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus at lacus ac dui imperdiet sagittis. Mauris eget pretium lectus. Maecenas sit amet magna dolor.

Praesent vulputate facilisis arcu a elementum. Pellentesque condimentum posuere erat, eu lobortis magna ornare eu. Vestibulum elit est, egestas quis interdum et, suscipit ut est. Aliquam sed mi ut enim luctus hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ut magna ut justo viverra malesuada. Nam nisi sapien, auctor ut sagittis in, fringilla ac augue.

Etiam risus ipsum, posuere sagittis commodo vel, elementum vel est. Maecenas ornare, tortor et laoreet gravida, arcu tellus auctor nisl, a interdum libero urna at dui. Etiam ut odio augue. Quisque eu dignissim leo. Proin ut blandit mi. Donec vitae odio velit. Vestibulum non orci quam. Aenean id odio orci, scelerisque eleifend nisi. Nam ultrices egestas vestibulum. Proin varius ligula vitae odio ornare vulputate at nec lorem. Nam non neque iaculis risus gravida blandit id id lectus. Vivamus eu lacinia felis. Aliquam bibendum ante vitae nibh pharetra molestie euismod nunc imperdiet. Mauris at nisl justo.


Forms and buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec diam non dolor congue imperdiet. In neque metus, suscipit non iaculis ut, iaculis sed quam. Morbi in nibh vitae augue tincidunt fringilla nec viverra mi. Mauris eget malesuada ipsum. Fusce pellentesque, turpis


Inline fields

Form elements