Callouts
Refoundry’s responsive callout component blocks are the perfect way to quickly add a visually distinct block of content into a page, to draw attention to a desirable action.
Callout – Feature
This component has text and a button against a tall, full-width color background. The text comes prebuilt with a centered heading, subheading, and room for one short paragraph, plus a customizable button with text overlay for CTA microcopy. This component block is great for adding a clear, eye-catching call-to-action mid-page or at the bottom of the page/in the footer area, because the full background really makes the CTA stand out from all other content. It’s useful for drawing attention to conversion content or otherwise encouraging users to take action by clicking the button. It can be used for calling out pages like Contact, Book Now, Book a Demo, or Get Started, but it’s also an excellent way to call out anything that doesn’t require a photo, such as announcements, Team or Governance pages, FAQs, Resources, Policies, Events, or Support. 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Button TextCallout – 2 Col Feature
This component has two tall side-by-side callouts, each with text and a button against a color background that takes up half of the page width. The text in each callout comes prebuilt with a centered heading, subheading, and room for one short paragraph, plus a customizable button with text overlay for CTA microcopy. This component block is great for adding clear, eye-catching dual calls-to-action mid-page or at the bottom of the page/in the footer area. The two colored backgrounds, using different options from your brand colors, make these CTAs stand out from all other content. It’s useful for drawing attention to dual conversion points or to lateral navigation opportunities. One might be used for a softer micro-conversion while the other is a bottom-of-funnel conversion, or the two CTAs might point to equally important related pages. Examples include Executive and Board of Directors callouts on an About or Governance page, Book a Demo and Order Now footer callouts, Sustainability and Community callouts on an About page, Policies and FAQs callouts, or any pair of exciting relevant pages that a user could want to view, thus moving them deeper into the site. 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Button TextPurus Vestibulum Ullamcorper Vehicula Sit
Pharetra Ridiculus Elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Button TextCallout – Standard
This component has text and a button against a narrower full-width color background than the Callout – Feature component. Otherwise, it functions the same way. The text comes prebuilt with a centered heading, subheading, and room for one short paragraph, plus a customizable button with text overlay for CTA microcopy. This component block is great for adding a clear, eye-catching call-to-action mid-page or at the bottom of the page/in the footer area, because the full background really makes the CTA stand out from all other content. It’s useful for drawing attention to conversion content or otherwise encouraging users to take action by clicking the button. It can be used for calling out pages like Contact, Book Now, Book a Demo, or Get Started, but it’s also an excellent way to call out anything that doesn’t require a photo, such as announcements, Team or Governance pages, FAQs, Resources, Policies, Events, or Support. 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Button TextCallout – 2 Secondary
This component has two side-by-side callouts, each with text and a button against a color background that takes up half of the page width. It’s narrower than the Callout – 2 Col Feature component, otherwise it functions the same way. The text in each callout comes prebuilt with a centered heading, subheading, and room for one short paragraph, plus a customizable button with text overlay for CTA microcopy. This component block is great for adding clear, eye-catching dual calls-to-action mid-page or at the bottom of the page/in the footer area. The two colored backgrounds, using different options from your brand colors, make these CTAs stand out from all other content. It’s useful for drawing attention to dual conversion points or to lateral navigation opportunities. One might be used for a softer micro-conversion while the other is a bottom-of-funnel conversion, or the two CTAs might point to equally important related pages. Examples include Executive and Board of Directors callouts on an About or Governance page, Book a Demo and Order Now footer callouts, Sustainability and Community callouts on an About page, Policies and FAQs callouts, or any pair of exciting relevant pages that a user could want to view, thus moving them deeper into the site. 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Button TextPurus Vestibulum Ullamcorper Vehicula Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Button TextReady 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.