Type designer Mark Simonson had maintained his site for over a decade, prior to a responsive web design emphasising his typography design catalogue.
Colourful links
To feature the type on the fonts page, transparent specimen PNGs are displayed on top of colourful, rounded-corner links. Home and detail pages take advantage of the nth-of-type() selector to control grid units at various viewports.
"We went with a simple layout to stay out of the letterforms' way," Walton adds. Monochrome image specimens helped keep file sizes low, and the team used Sass and SMACSS guidelines to organise CSS workflow.
This showcase was originally published in .net magazine issue 241.
Like this? Read these!
- Illustrator tutorials: amazing ideas to try today!
- Great examples of doodle art
- Brilliant Wordpress tutorial selection
What do you make of this site? Let us know in the comments box below!
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
