FBK Hero

A full-bleed hero stage: photos, a video or nothing, with content in the page width.

Copying for Fancy Framework · Desktop first

One FBK Hero, as in the first example below. Change anything from the panel after you paste it.

In the annual plan, $99/year. See plans

Every FBK Hero variation

Live from the demo site. Switch the width and the background, or open it full screen.

Every property of the component, in the order the Bricks panel shows them. FBK Photo columns has its own, in each piece you drop in.

The options of FBK Hero
Option	Choices	Default
LayerOver the background, under the text. Side: dark where the text is. Brand gradient: an opaque brand background (no photo needed).	None, Dark, Dark from the start side, Dark from the end side, Dark from below, Brand tint, Brand gradient	Dark
EffectSlideshows take turns between the 2 to 5 items in the Background slot; Columns: put 2 or 3 blocks in the slot, each with 2 to 5 photos. Effects that keep moving show the pause button. Choose None for a still background. «Reduce motion» stills them all.	None, Slow zoom, Slideshow: fade, Slideshow: slide up, Slideshow: slide left, Slideshow: columns, Lights, Moving gradient, Strips (on load, once), Slow pan	None
Time per photoSlideshows and FBK Photo columns: how long each photo shows (the pause button's ring turns once per photo).	4 s, 6 s, 8 s	6 s
HeightTall: three quarters of the screen (at least 34em). Auto: the content and its padding.	Auto, Tall, Full screen	Tall
Content position	Middle, Bottom	Middle
WidthFull bleed: the background reaches the screen edges. Boxed: a rounded box as wide as the content.	Full bleed, Boxed	Full bleed
Text colorsDark: white text for a photo or dark background. Light: for a light background without a layer.	Light, Dark, Brand	Dark