Log in / Register Account

Layout demo page

Demo of available layouts

Our layouts are set by a 12 column grid meaning they add up to 12. Check out the flexible template system space on The Source for more info around patterns!

Body layout selected "6"

Body layout selected "6", center alignment

Body layout selected "8"

Body layout selected "8", center alignment

Body layout selected "5 6"

Body layout selected "6 5"

Body layout selected "6 6"

Body layout selected "4 7"

Body layout selected "7 4"

Body layout selected "8 4"

Body layout selected "4 8"

Body layout selected "9 3"

Body layout selected "3 9"

Body layout selected "4 4 4"

Body layout selected "3 3 3 3"

Body layout selected "gallery2"

Body layout selected "gallery3"

Body layout selected "gallery4"

Body layout selected "gallery5"

Body layout selected "gallery 5" with centered content

Body layout selected "gallery-auto-large"

Body layout selected "stacked"

Custom band with aside

Body layout selected "6" and right full aside

Custom band with aside

Body layout selected "6" with right body aside

Custom band with aside

Body layout selected "8" and left full aside

Custom band with aside

Body layout selected "8" and left body aside

Custom band with aside

Body layout selected "stacked" and calls in right full aside

Custom band with aside

Body layout selected "6 6" with right full aside

Custom band with aside

Body layout "6 6" aside position "right body"

Custom band with aside

Body layout selected "8 4" with right full aside

Note that once an aside is added to the layout the body no longer respects the "8 4" layout and calling in "8 4" has the same design as calling in "6 6".

Custom band with aside

Body layout selected "4 4 4" with right full body aside

Custom band with aside

Body layout selected "3 3 3 3" with right full aside

Note that once an aside is added to the layout the body no longer respects the "3 3 3 3" layout. There's 4 images being added to the body but only 3 show and therefore this layout combined with the aside doesn't work. 

Custom band with aside

Body layout selected "gallery-auto-large" with right full aside

Note that once an aside is added to the layout the body no longer respects the "gallery-auto-large" and therefore this layout combined with the aside doesn't work. 

Custom band with aside

Body layout selected "5 6" with aside position "right full"

Custom band with aside

Body layout selected "5 6" with aside position "right body"

Custom band with aside

Body layout selected "6 5" with aside position "right full"

Custom band with aside

Body layout "6 5" aside position "right body"

Custom band with aside

Body layout selected "4 7" with aside position "right full"

Custom band with aside

Body layout "4 7" aside position "right body"

Custom band with aside

Body layout "9 3" with right full aside

Custom band with aside

Body layout "3 9" with right full aside

Standard text band - 7 5 left

Standard text band - 7 5 center

Standard text band - 7 5 right

Standard text band - 9 3 left

Standard text band - 9 3 center

Standard text band - 9 3 right