Skip to main content
FreddieMac.com

Content Bands

Content bands are used to create full bleed bands of content on landing pages.

Content Bands stretch edge to edge, so they can only be used on pages without a sidebar.

Bands come in

  • 8 background colors: Blue, Charcoal, Concrete, Green, Navy, Orange, Teal, White.
  • 2 widths: Default and Fluid.
  • 4 margin heights: None, Medium, Large and Tall.

Below are examples -- any combination of the above is possible though.

I am a content band with a default grid container, a background set to Charcoal, and top/bottom margins set to None. 

I am a content band with a default grid container, a background set to Concrete, and top/bottom margins set to Medium. 

I am a content band with a default grid container, a background set to Green, and top/bottom margins set to Large. 

I am a content band with a default grid container, a background set to Blue, and top/bottom margins set to Tall. 

I am a content band with a Fluid grid container, a background set to White, and top/bottom margins set to None. I am wider than the default grid.

I am a content band with a Fluid grid container, a background set to Navy, and top/bottom margins set to Medium. I am wider than the default grid.

I am a content band with a Fluid grid container, a background set to Teal, and top/bottom margins set to Large. I am wider than the default grid.

I am a content band with a Fluid grid container, a background set to Orange, and top/bottom margins set to Tall. I am wider than the default grid.