Custom Class  

How To Use It

Select the text or element and apply the custom class "light-grey-text"

Color: Concrete

Used when a link is desired to have an arrow next to it because it is used as a call-to-action, or the link needs more emphasis.

Select the link (anchor), or <a> element with the property inspector and apply the custom class "link-with-arrow".

Color: Peter River

Is used in the home page content rotator and some modules as a primary call to action.

Select the link (anchor), or <a> element with the property inspector and apply the custom class "ui_button_green".

Color: Nephritis

Is used in the in internal pages as a primary call to action.

Select the link (anchor), or <a> element with the property inspector and apply the custom class "ui_button_orange".

Color: carrott

Snippets 

"2 column Layout - L is skinny"

Example:Promoters Guide page

"2 column Layout"

Example:Directions and Parking Page

"3 column Layout"

Example:Calendar page:

"Orange Article - News & Media"

Example:Art At The Hult page and on the home page

"Purple Article - Visitor Information"

Example:home page

Show Hide Content with Nav

Example: Silva Concert Hall page at the bottom

Orange 2 wide 1 tall

Places the wide orange heading module bucket intended for a CTA

Color: Carrot

Purple 2 wide 1 tall

Places the wide purple heading module bucket intended for a CTA

Color: Wisteria

Blue 2 wide 1 tall

Places the wide purple heading module bucket intended for a CTA

Color: Concrete

Text on image 1 wide 1 tall

Any Occasion Event Space

Purple 1 wide 1 tall

Eye Catching Header!

Places a 1 column wide bucket with a purple heading and picture beneath it

Color: Wisteria

1 wide 2 tall

April 3 at 8:00 pm

Multi-sensory exploration, pushing the limits of the body and mind with dance, digital symphonies, visual effects and more!

Buy Tickets Now

Places a 1 column wide and 1 row tall bucket with the text with image on top, followed by supporting text and a button

Image with Text on Top for 3 columns

Example: Promoters Guide

Home Page Rotator - Dark Text

Example: Home Page Rotator slide "Where is the hult center?"

Home Page Rotator - Light Text

Example: Home Page Rotator slide "Art at the hult, More than just on stage" 

Rotator snippet that should be placed when the backrgound is dark (such as the image of Art at the hult, with the masks)

Small Headline font:   13px Deja Vu Condensed, uppercase, white

Large headline font: 40px/40px Deja Vu Condensed, White

Body Text font: 14px/20px DejaVu Condensed Bold, White

Button Font: 17px, Deja Vu Condensed Bold, White