2020 How to Structure an Typographic Hierarchy

As someone who is very interested in graphic design it was good to remind myself the key concepts that I should use when making my professional website. Size, Weight, Color, Contrast, Case, and Position and Alignment are all things I should consider to ensure that I have an effective hierarchy in  the type that used within my website. Another aspect when creating my site is that every design should include three levels of hierarchy: heading, subheading, and body text. From there if necessary I can add in other levels of hierarchy if needed. Headings should be more prominent than subheadings, which should be more prominent than body copy. Captions should generally be less prominent than body copy, and pull quotes should be somewhere between body copy and subheadings. The other aspect to that is type size, as a general rule of thumb most designers use 12 point body text but can be changed based on the typeface that is being used. Most designers base their font size on the chart that is listed below. As I continue to learn and develope my skills within typefaces I can learn to incorporate two fonts effectively. When making the decision to combine the two typefaces it should consider the context of its use and the typefaces should reflect the mood of what you are going for. Combining thin and thick typefaces often works better than combining two that are very similar in weight. Another tip that I came across was, look at the distance between the baseline and the mean line of lower-case letters in a typeface to prevent conflict between the typefaces. The best thing that I can do now is experiment, so I can learn and master typographic hierarchy when designing my website. 





Type size chart-
6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 30, 36, 48, 60, and 72.