Vivamus mollis, ipsum ut ultrices luctus, urna arcu auctor tortor, a gravida libero leo sit amet ex. Aliquam a posuere metus. Phasellus nec sem erat. Fusce quis mi id velit rhoncus sollicitudin. Nunc sollicitudin egestas diam, eu bibendum libero gravida vitae. Nunc dui mauris, convallis a suscipit a, euismod eget ex. Donec ex mi, dictum quis facilisis quis, porta vel enim. Vestibulum condimentum rutrum pulvinar.

Vivamus accumsan purus at mi ultricies facilisis. Morbi posuere, nisi a tincidunt consectetur, lorem ligula congue purus, ac blandit enim dolor quis ante. Quisque a hendrerit erat. Donec eu mauris quis turpis luctus fermentum eget eu turpis. Vestibulum est nisl, tempor vel felis eu, tristique sollicitudin velit. Aenean tincidunt justo congue velit convallis tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus odio eros, laoreet quis sapien et, faucibus accumsan diam.

Maecenas elementum suscipit

Sed vitae felis enim. Nam sit amet augue tellus. Sed eleifend leo vel lacus facilisis convallis. Mauris erat odio, finibus at erat ac, euismod sollicitudin sem. Vestibulum sed fermentum leo, in consequat velit. Donec rutrum faucibus libero, ac convallis nisi commodo a. Quisque aliquet lacinia lectus in iaculis. Maecenas elementum suscipit libero ac faucibus. Fusce eu arcu enim. Vestibulum congue, sem efficitur faucibus hendrerit, diam mauris ultricies tortor, quis ultrices metus lorem vel libero. Phasellus viverra, tellus non pharetra semper, nibh massa luctus ipsum, nec facilisis mauris orci ac velit. Nam sed lorem sed mi suscipit blandit sit amet id eros. Nullam varius, magna id pharetra tempus, ipsum sapien ultrices libero, eu luctus turpis sapien eu elit.

Suspendisse potenti. Proin aliquet justo sed est hendrerit, sed elementum tellus faucibus. Phasellus quis iaculis velit, et elementum ligula. Vivamus in nibh scelerisque, euismod mauris et, ornare urna. Sed pellentesque finibus justo eu sodales. Pellentesque ut nunc quis est ullamcorper mollis. Suspendisse eget arcu porta, laoreet justo vitae, varius dolor. Aliquam vel tellus augue. Donec et tincidunt erat. Curabitur consectetur eros sit amet lacus fringilla ullamcorper. Donec eget diam sit amet nibh rutrum ultricies consequat in eros.

H1: What Can I Do With Archetype?

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.

Archetype helps you create a design system of consistent, reusable components which can be easily implemented as your finished design is exported as developer-friendly CSS so everyone’s happy!

H2: Sounds Great, Where Do I Start?

Paragraph: It’s easy peasy: 1) Start by selecting a visually compatible font pair. 2) Define harmoniously proportioned sizes for all the standard typographic elements your design might require. 3) Set the optimal vertical spacing of all elements in your design. 4) Tweak and refine individual elements to get everything looking exactly the way you want. 5) Export as CSS ready to send to a developer. Job Done.

H3: Help Us Improve

Paragraph: This is version 1 of Archetype and we’d love your feedback and suggestions on how we can improve it to make it even more useful. Please use the feedback link in the header to let us know what you think. Be as critical as you like, we have thick skin.

H4: Still Reading?

Well here’s some inspirational quotes for you: “Good design is making something intelligible and memorable. Great design is making something memorable and meaningful”: Dieter Rams.

H5: More? Ok

Paragraph: “A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away”: Antoine de Saint-Exupery.

H6: One For the Road

Paragraph: “The best activities for your health are pumping and humping”: Arnold Schwarzenegger.

H1

H2

h4

h5

H6