Banners
Refoundry’s responsive banner component blocks are prebuilt layouts to hold all of the crucial UX and SEO content that sits at the top of a page (excluding menus).
Feature Banner
This component block contains text, an image, a color background, and two buttons. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information, plus a customizable button with text overlay for CTA microcopy. The image has margins around it, so it sits on top of the color background. The most popular uses for this feature banner or header component are your homepage or a campaign landing page, but it can be used for any page that needs call-to-action buttons included in the banner area. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum Ullamcorper Vehicula Sit
Pharetra Ridiculus Elit
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Feature Banner Full Width
This component block contains text, an image, a color background, and two buttons. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information, plus a customizable button with text overlay for CTA microcopy. The image has no margins around it, so the image fills the entire width and height of the right half of the banner. The most popular uses for this feature banner or header component are your homepage or a campaign landing page, but it can be used for any page that needs call-to-action buttons included in the banner area. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum Ullamcorper Vehicula Sit
Pharetra Ridiculus Elit
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Standard Banner
This component block contains text, an image, and a color background. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information. The image has margins around it, so it sits on top of the color background. The most popular uses for this banner or header component are any page or post on your site that doesn’t require call-to-action buttons included in the banner area. This is one of the most popular banner styles because it’s simple yet still great for UX and SEO. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum
Pharetra Ridiculus Elit
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Standard Banner Full Width
This component block contains text, an image, and a color background. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information. The image has no margins around it, so the image fills the entire width and height of the right half of the banner. The most popular uses for this banner or header component are any page or post on your site that doesn’t require call-to-action buttons included in the banner area. This is one of the most popular banner styles because it’s simple yet still great for UX and SEO. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum
Pharetra Ridiculus Elit
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Background Banner
This component block contains text and a full-background image. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information. The image fills the entire banner background. The most popular uses for this banner or header component are any page or post on your site that doesn’t require call-to-action buttons included in the banner area, and any page that has a great horizontal photo that can be used for the entire banner or header area. Text and image overlays can be adjusted to ensure the text is readable for all audiences. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum
Pharetra Ridiculus Elit
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Standard Banner with Button
This component block contains text, an image, a color background, and two buttons. It’s just like the feature banner except narrower, so it takes up less of the viewport at the top of the page, and more content is visible depending on the user’s device. Otherwise, it functions the same way. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information, plus a customizable button with text overlay for CTA microcopy. The image has margins around it, so it sits on top of the color background. The most popular uses for this feature banner or header component are your homepage or a campaign landing page, but it can be used for any page that needs call-to-action buttons included in the banner area. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum
Pharetra Ridiculus Elit
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Button Text Basic Banner
This no-fuss component block contains text and a full background color. The text comes prebuilt with a heading, subheading, and room for one or two sentences of storytelling or marketing information. The color background fills the entire page width and height of the banner or header area. The most popular uses for this banner component is an interior page for which you don’t have or need any extra content besides the title and short text, but still want a styled banner with a branded look and feel. This has many uses but is especially good for higher-volume detail pages like team members, products, services, locations, events, or any content for while you just don’t have photos. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Purus Vestibulum
Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla.
Post Banner
This component block contains taxonomy terms, text, an author’s name, a full background color, and a featured image. The text comes prebuilt with taxonomy terms (such as category or tag names), a heading that is automatically populated by the post title, the publication date (also automatically populated), and the author’s name (automatic, too). The color background fills the entire page width, and offsets the featured image (which is set on the post itself). The most popular use for this header is a blog, but it can also work for any post type because you can remove the pieces you don’t need, such as the date or author. This makes it useful for events, case studies, projects, and other editorial content. When used as a Reusable Component Block, you can edit content and styling for all instances of this block on the main RCB, or you can edit them locally with unique content and styling.
Category, Category
Purus Vestibulum
Posted on Date 24, 2024 by Author Name
Ready to go Pro?
Buy Refoundry Pro and gain access to powerful tools like this Component Library as well as Reusable Component Blocks, Animations & Parallax, and Custom Fields.