The Helvetica® design is a classic that has stood the test of time—and changed with technological advances in the process. First announced in 1957, Helvetica was rereleased in 1983 as the Neue Helvetica® family, with a suite of subtle differences that made a positive impact on the design.
8 Weights: Ultralight, Thin, Light, Regular, Medium, Bold, Heavy, Black
6 Styles: Compressed, Condensed, Regular, Outlined, Oblique, Extended
Helvetica Neue is a reworking of the Helvetica typeface with a more structurally unified set of heights and widths. It is extremely legible and includes a large variety of weights and widths to choose from.
Because Helvetica Neue has such an expansive set of weights and widths, it is a very diverse family of fonts. The hierarchy of typography within a layout is important not only for the organization of the content but also to guide the reader. Below is a typical typographic hierarchy. Thoughtfully defining the size, weight, and styling for different layers of information makes a piece visually impactful and easy to read.
The hierarchy below features only two weights and one style. Always limit the styles and weights because too many used at once can be very distracting to the reader and makes the piece look cluttered.
H Tags are a snippet of HTML code that tells your web browser how to display the content. Websites use H Tags to determine a site's typographic hierarchy. For example, H1 indicates the headline on the web page and is considered the most important tag, H2 is often the first subheadline text and so on. See below for more on the tagging hierarchy for CU Denver's website.