Use two typefaces to design a mockup of a personal webpage.

Using Jason’s adjective exercise, consider the mood and style of the typefaces you’d like to represent yourself on a personal website. Then, choose two typefaces and mock up a simple webpage with a header, description, photo, and at least two external links. Share your process and final product in the Project Gallery. We’d love to know:

What were the adjectives you settled on to describe yourself and your type?
What were your considerations when deciding which typeface to use as a header verses the summary?
What elements of your typefaces make them work well together?

Resources

Learn more about type terms and characteristics with the Type Glossary
See type in use with Fonts In Use
Discover what typeface a website is using with FontFaceNinja
Find Typefaces on Adobe’s Typekit
Explore Jason’s typeface boards on Pinterest for inspiration
Discover independent foundries with Jason's list of favorites
Learn how to use webfonts in your CSS with CSS Tricks, Google Fonts, or Typekit

Explore More on Skillshare

Graphic Design Basics: Core Principles for Visual Design — Ellen Lupton & Jennifer Cole Phillips
Typography that Works: Typographic Composition and Fonts — Ellen Lupton
Logotype Design: Creating Brand Marks with Typography — Mackey Saturday

Jason Santa Maria

Graphic Designer & Design Director

1,071

11