Well built applications are built with a strong structure. This structure allows the application to be well designed and modular so it is expandable and extensible. Using this structure, an application that is only a few pages will still work just as an application with hundereds.

Application Building Blocks

The application building blocks are the cornerstones of each screen. They divide the screen in areas and define the design structure. We have defined two building blocks for most applications:

1. Global Fixed Navigation
2. Content Hierarchy & Components

Grid System

A Grid System enables design flexibility for all screen sizes. The grid system consists of 12 columns that add up to fill 100% of the available space inside of a container. This space can be broken up and can be nested. For instance, you can have two 6 column containers that each have 12, 1 column containers inside of them.

Columns are inside of rows. Each row is a series of up to 12 columns and spans the entire width of the page.