A Visual Analysis of Layout Patterns would not have been possible without the records of the Internet Archive’s WayBack Machine. Their collections and open API enabled me to collect and study over twenty years of web design.
Referenced sites
Studied sites
- News media
- www.aol.com
- www.msn.com
- www.yahoo.com
- Corporate
- www.apple.com
- www.adobe.com
- www.google.com
- www.microsoft.com
- E-commerce
- www.amazon.com
- www.ebay.com
- Social media
- www.facebook.com
- twitter.com
- www.tumblr.com
- Forums
- www.teamliquid.net
- www.reddit.com
- geekhack.org
- Streaming video
- www.twitch.tv
- www.ustream.tv
- www.youtube.com
Design
- FF Enzo Web
- 700 bold, 50px/60px
- 300 light, 40px/45px
- 700 bold, 19px/30px
- FF Tisa Web Pro
- 400 regular, 20px/30px
- Color palette, based on the typical quadratic color schemes of many tech companies with overall brighter tones for a trendy “web” feel
- Red-orange #f56 and #c45
- Blue #056 and #045
- Green #5a6 and #485
- Yellow #fd6
Recorded music
- Robert Muczynski’s suite for unaccompanied cello, “Gallery” (1966)
- “Noonday heat”
- “Shanty”
- “Black Iron”
Listen to, download or remix the tracks using SoundCloud →
Instrument
- Rudolph Fiedler ’06 cello
- D’Addario Kaplan medium tension strings
- Roderich Paesold cello bow
Recording software and equipment
- Ableton Live 9
- Adobe Audition
- Barcus Berry 3125M piezoelectric transducer microphone
- Barcus Berry 3000A preamp
- Audio-Technica AT2020 wide diaphragm cardioid condenser microphone
- M-Audio M-Track Mk. II audio interface
Website building and testing
- Adobe Illustrator
- Sublime Text 2
- HTML5
- SCSS
- Adobe Typekit
- Jekyll static CMS
- GitLab Pages
- View the source code on GitLab →
Internet Archive crawler
- nodejs
- Get the source code on GitLab →
Trailer
Audio was excerpted from Mischa Maisky’s recording of “Menuet” from J.S. Bach’s Suite for Unaccompanied Cello No. 2. The recording was used in an academic setting for noncommercial work. This piece is not included with the open license of the rest of this project.
This project is entirely open source and derivative work is encouraged. You can download and edit the animations from Vimeo, fork this website’s and the internet archive crawler’s source code from my GitLab profile or download and remix the recordings on SoundCloud.