Typography Webpage Composition.

This is a technical composition about the use of typefaces in a web page. This project is from the Typography class from Brigham Young University-Idaho, and its objective is to expose how typefaces can be used in different displays, with all their typographic families, over a simple digital layout.

Below are shown the dispositions of these letters, in bigger and smaller display options. 

This mode is a full widescreen mode of the web page. Notice that in full screen, the width of the image (main banner) completes the length of the window. This mode helps to fulfill the white spaces of the page as an entire composition. 

This image is exposing the scroll use, and its effect of the main image at hiding it upwards, but the header bar never hides.

This is a smaller mobile display option. Notice the use of typefaces in this screen how works perfectly, without struggling with the header and body images.

This version helps to users to navigate in the menu bar icon, by keeping the search option at the same time. The title of the page is in the sight of the user, in this case "Interviews", to help the location in the site.