Below is a 50/50 Large Tile brick. It requires two pictures, all of the text and CTAs are optional. There are options for the color and styling of each piece of text.
Tile 1 Copy. The 50/50 Large Tile must have two images but all of the rest of the text and the CTA link are optional.
Below is a Full Width Hero brick. The image is required, all of the other text is optional.
There are options for the colors of each text component and the CTA.
There is also the option for the image to be fullscreen height.
Below is a Full Width Image brick. It has many of the same options as the Full Width Hero, with extra options for more text and multiple CTAs. This example has the parallax scrolling turned on.
default
The Full Width Image is similar to the Full Width Hero except that it has the option for a larger amount of Sub-Header Copy Text. Like the Hero you have the ability to change the colors of the different text pieces to work well with your image. And place the text Left, Right, or Center.
Below is a Half Width Image brick. Only the image and header text are required. There are options for the image to be on the left or right, as well as text copy and a CTA. The CTA also has the option for the content to pop up in a modal.
This is the Half Width Image. There are options to put the image on the left or the right.
Below is a Half Width Image 60-40 brick. This brick has a smaller image so it can be useful when you have a lot of text or want to draw more attention to the text portion. It has most of the same options as the Half Width Image.
Below is a Half Width Image brick. The title copy, callout copy, image field, CTA url and text copy are required. There are options for the image to be on the left or right. The text copy is highlighted, overlapping the image, and CTA also has the option for the content to pop up in a modal. The CTA stylings are orange, white, transparent, and tertiary text.
Below is a Hero background Video brick. Only the title is required. This brick utilizes a Vimeo id for its background image. A logo image can be utilized over the background video. All of the copy field are displayed on this brick example. There are no alignment options for the logo image or copy, and they are all center displayed.
Below is a 3 Column large Tile brick. The title field is required. For each tile, the title, CTA url and link text are required. Attributes can be added to the CTA.
Below is a Callout Banner brick. The title, alternative text, sideburn bar, CTA collections title, CTA url and link text are required. The CTA styling can be updated with the select, and also can be set to be a Video CTA.
Below is a Image Gallery brick. The title field is required. Multiple gallery images brick can be added.
Image Copy text area
Image Copy text area
Image Copy text area
Below is a Large Image brick. The title, alternative text, gray background, and copy text are required. This brick has an animate on load checkbox, and the gray background can be turned on or off.
Below is a Large Tile Roy brick. The title, CTA url and link text fields are required. Only one (1) tile media can be added to this brick.
Below is a Medium Tile Row brick. The title, CTA url and link text field are required. Only one (1) tile media can be added to this brick. Attributes can be added to the CTA.
Below is a Single Column brick. The title, CTA collections title, CTA url and link text fields are required. The CTA color can be updated with the select, and CTA title attributes can be added. Only one (1) column image can be added to this brick. An animated gif can also be added to this brick.
Column Copy text area
Below is a Slide brick. The title, slide image, and CTA url fields are required. Only one (1) slide image can be added to this brick.
