2: BASE LAYOUTS

The base layout refers to the ‘outer framework' of the page. The base layout defines the basic design / layout of the site. The different baselayouts (A, B, C etc.) are defined by different combinations of the basic building blocks e.g. header, footer etc. In this chapter you will learn tips on how to work easily with each of the baselayouts.

Base layout A

The classic mono 'layer design' with a top menu and a jumbotron module on the front page. A super easy template to work with.

Read more

Base layout B

The B-designs has a tall top image above the navigation bar (which can either be universal for the entire site or vary from page to page). The choice of image becomes an essential factor in the overall look & feel.

Read more

Base layout C

The C-designs are characterized by being 'framed in' on both sides of the content area. This detail gives a wholly different design expression than the A- or B-designs.

Read more

Base layout D

The D-designs are completely framed. The header may be defined in this type of base layout.

Read more

Base layout E

Vertical lines frame this base layout on left and right side of the content area. The header and footer are part of the background design.

Read more

Base layout F

The F-design is based on horisontal boarders and transparent full width modules which adds elegant effect to background images or patterns.

Read more