Available only on the News Landing Page, the Featured News Story Component highlights one News Announcement.

The Heading Component displays an image along with the page title and optional tagline over top of it.

The Hero Carousel Component displays a heading, image, description, and CTA in a rotating carousel.

The Section Heading Component allows a heading to be placed anywhere on a page to define different sections of the page.

The Adaptive Image Component displays an image with an optional title and description.

The Ambient Hero displays a short ambient video or a static image.

The Impact Hero displays an Act/Impact message along with an ambient video or a static image.

The Inset Image displays a large image with multiple smaller inset images on top of it.

The Video Component displays a video that plays in a modal.

The Accordion Component displays content that the user can interact with by expanding and/or collapsing the information.

The Blockquote Component allows an image and/or text to be styled as a blockquote or pull quote.

Buttons display text as a linkable CTA.

The Column Control Component displays other components next to each other in responsive columns.

The Disclaimer Component displays text styled slightly smaller than other text.

The Freeform HTML component is used only with explicit permission and allows for approved custom HTML code to be used on a page.  

The Form Component displays a form with configurable form fields.

The Narrow Container restricts the width of components placed in it.

The Section Subnav Component allows additional navigation links for a specific section of the site.

The Stat Component displays content with statistical numbers.

The Table Component displays data in a table format. 

The Text Component displays rich text.

The Text and Image Component displays rich text and an image with alignment options.

Authorable only on the homepage, but viewable on all pages of the site, the Thread Banner Component displays text and a link as a banner across the top of the site.

The Act Impact Component displays an Act/Impact message along with an Act and/or Impact image.

The Announcements Component allows multiple announcements to be displayed on a page.

The Awards/Industry Promo Component allows multiple Awards to be highlighted on a page with a linkable CTA.

The Card Component displays cards of varying content with a large background image.

The Content Promo Component displays a stacked image with text and an optional link.

The Featured Links Component displays a list of links with an optional small image.

The Logo Content Promo Component displays text and logos horizontally centered.

The News Release Component displays press/news releases from an external feed.

The Photo Promo Component displays links with text and an image.

The Promo Carousel Component displays Small Photo Promos in a rotating carousel.

The Social Feed Component displays a link to a social media channel with an optional icon and social feed embed.

The Social Follow Promo Component displays icon links to social media channels.

The Three Column Promo Component displays three images, text, and a CTA.

The Two Column Basic Promo Component displays text content and an image side by side. The text content options include multiple headings, descriptions, CTAs, and stats.

The Two Column Brand Promo Component displays text content and an image side by side. The text content options include a brand logo, a heading, a description, and multiple links.

Example of the current homepage.

Example of a Landing page that can contain any pattern of components.

Example of an Event Page with session and speaker details

Example of a General Content Page with a right rail.

The Blog Hero displays a heading in an <h1> and an optional description.

The Blog Category Heading displays a heading in an <h1> and an optional description. It also includes a colorful line below it indicating the specific category.

The Featured Article Component displays content about a blog article and links to that article.

The Featured Cards Component displays cards with info about and links to blog articles.

Available only on the Blog article pages, the Blog Text Component displays rich text with two options to highlight additional content: a Two Column Text and the Pull Quote with optional attribution.

Available only on Blog Category pages, the Blog Grid Component displays cards with info about and links to blog articles with a load more button.

The Blockquote Component allows an image and/or text to be styled as a blockquote or pull quote.

Available only on the Blog homepage, the Section Overlap Component displays links to blog articles with the first link displayed with the blog info overlaping the blog image.

Available only on the Blog homepage, the Popular Topics Component displays cards with info about and links to blog articles tagged as "popular".

Available at the bottom of Blog article pages, the Recommended component displays a list of cards with info and links to other blog pages in the same category.

Available on the left rail of Blog article pages, the Related Links component displays a list of links to other blog pages in the same category.

Blog Articles make up the majority of the Blog site. Typically we publish 2-3 articles per month.

Each of our authors have a bio page to highlight their thought leadership for Trane Technologies.

Learn about our styles for web and digital applications to ensure anything developed is within required specs.

Learn about each of the components that utilize images and how we manage them.

Authors can utilize this reference guide when building a new blog article.

Our Enterprise site is currently on AEM version 6.5 as of July 2021.