Opens in a new tab

Contact · Brand

A brand-colored contact section for Bricks Builder: a full-bleed band with a black-and-white photo under a brand gradient, a form on one side and four contact details with icons and social links on the other. The form uses the house field style and a Sweep button that turns white against the brand color; on mobile the details stack above the form.

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

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

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Icon item

    Icon, title and text, stacked, inline or boxed.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • FBK Social

    Links to your social profiles, logo and network name.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Stage, class fbk-cbrand

The brand gradient over the photo: solid under the form, see-through over the photo

--fbk-t-solid
var(--primary)
--fbk-t-see
color-mix(in srgb, var(--primary) 72%, transparent)
--fbk-t-dir
to right

Every setting, step by step, in the docs

Replaces

In Fancy Bricks 1.0 and 2.0 this was Contact Us (1.0).