D.I.Y Typography Website

After being shown a host site that had the function that I wanted to use for the Typography workshop I created a website, I need to purchase a URL and link it back to the site allowing people to access it through the promotional links.
—
The design isn't finished, and I need to do a lot of reworking on the design but the functionality of the website is working well at the moment.

The website starts off with a number of shapes and different elements that the user can drag around and create letterforms.

The forms are reminiscent of those in a variety of classifications of typefaces. I do however feel that they can be quite significantly developed making it easier to create interesting forms.

The web page is simple, with all the contact info and a small about section. As I want it to be relatively accessible I will continue to play around with colour schemes and ideas until the brief is complete.
—
The site is understated using a simple typeface and development for its general functioning.

To go with the website I will make a small guide towards the shapes and grids used to create each one.