FBK Intro
Eyebrow, title, lead and an actions slot for buttons.
- Used in 364 templates
- 15 options
- Native Bricks element
One FBK Intro, 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 Intro variation
Live from the demo site. Switch the width and the background, or open it full screen.
Loading demo…
The options
Every property of the component, in the order the Bricks panel shows them.
| Option | Choices | Default |
|---|---|---|
| Eyebrow | Any text | Eyebrow |
| Hide eyebrow | On or off | Off |
| Eyebrow stylePill outline is the house style for every template. | Brand, Text, Pill soft, Pill outline, Line | Pill outline |
| TitleTo highlight a word, wrap it in … and pick a Highlight style. | Any text | A clear title for this section |
| Title levelH1 only in a hero (one per page). H2 for every other section. | H1, H2, H3 | H2 |
| HighlightWrap the words to highlight in … in the title (a plain also works). The title stays one heading; brand styles use the same mark. | None, Color, Half, Pill, Pill rotated, Box, Underline, Curve | None |
| Title sizeVisual size only. The level (H1, H2…) stays the same. | Default, Display, H1, H2, H3, H4, H5, H6 (small cards) | Default |
| Lead | Any text | — |
| Hide lead | On or off | Off |
| AlignmentCenter is meant for the 1-column layout. | Left, Center | Left |
| Accent lineA brand bar beside the eyebrow and title, or a short one under them. | None, Left, Below | None |
| Layout2 columns: title on the left, lead and buttons on the right. One column on tablet and mobile. | 1 column, 2 columns, 2 columns (2:3), 2 columns (3:2) | 1 column |
| BackgroundDark or Brand when the intro sits on a dark or brand background you made. Fancy Bricks sections set this for you. | Auto, Light, Dark, Brand | Auto |
| SpacingCompact inside a card or a slide's text panel (smaller gaps between title, lead and buttons). | Normal, Compact | Normal |
| Reveal in sliderInside a slide: the intro comes in when its slide becomes the active one. Elsewhere it just shows. | None, Fade up, Slide in | None |
Used in 364 templates
A few of them. Change FBK Intro once on your site and every one of these sections follows.
Related components
All components
Questions, answered
Short answers about FBK Intro.
Do I need a template to use FBK Intro?
No. Copy it from this page and paste it anywhere in Bricks. It also comes with every template that uses it.
What happens if I change FBK Intro on my site?
Every instance follows: the design lives in the component and its classes, not in each copy.
Does it work with my framework?
Yes. Copy it for Fancy Framework, Automatic.css or Core Framework, and it uses your colors and sizes.
Every component comes inside a template
Browse the library, copy a section, and the components it uses come with it.