This page can be used as a reference to all components. You can use your browsers "find" function to search for a component name or component number or partial text. For every available component, the Author Guide, Regression Page and Online Style Guide Reference are linked for quick and easy access. Even if there is not a specific page for the component, the page that relates to it or discusses it is linked so you always have a starting point in your search for information on a component.
A broad range of components that typically contain richer content experiences but also, like visual navigation, pass users to another page.
Component | Author Page | Regression Page | Style Guide Page |
C001 - Home Image Left w/ Copy | Regression | ||
C002 - Home Image Right w/ Copy | Author | Regression | |
C003 - Unused | N/A | N/A | N/A |
C004 - Home Ending Story | Regression | ||
C005 - Feature w/ Optional Carousel | Regression | ||
C006 - 4-Column Product w/ Carousel | Regression | ||
C007 - Compelling Story | Regression | ||
C007B - Compelling Story Content Width | Regression | Style | |
C008 - Unused | N/A | N/A | N/A |
C009 - Latest News | Regression | Style | |
C009B - Latest News 6-Up | Regression | Style | |
C010 - Big Feature Image Left | Regression | Style | |
C011 - Big Feature Image Right | Regression | Style | |
C012 - 50/50 x 2 | Regression | Style | |
C013 - 50/50 x 3 | Regression | Style | |
C014 - 70/30 x 3 | Regression | Style | |
C015 - Utility Belt | Regression | Style | |
C016 - Horizontal Tabs | Regression | Style | |
C017 - Full-Width Video Player | Regression | Style | |
C018 - Full-Width Image | Regression | Style | |
C019 - Brands Grid | Regression | Style | |
C020 - Unused | N/A | N/A | N/A |
C021 - HTML IFrame Content | Regression | Style | |
C022 - News Teaser | N/A | ||
C023 - Event Teaser | Author | N/A | |
C024 - Unused | N/A | N/A | N/A |
C025 - Video Carousel | Regression | ||
C026 - Case Study Block w/ Optional Carousel | Regression | ||
C027 - Table | Regression | ||
C028 - 30/70 Text/Image | Regression | ||
C029 - Case Study Document Strip | Regression | ||
C030 - General Documents & Drawings | Regression | ||
C031 - Text Left with Optional CTA Right | Regression | ||
C032 - Unused | N/A | N/A | N/A |
C033 - Centered Feature Copy | Regression | ||
C034 - Rich Copy Area | Regression | ||
C035 - Featured Profile | Regression | ||
C036 - Investor Stock Quote | Regression | ||
C036B - 3-Column Investor Stock Quote | Regression | ||
C037 - Case Study Image w/ Caption | Regression | ||
C038 - Sidebar Image w/ Optional Caption | Regression | ||
C038B - Sidebar Image w/ Top-Aligned Caption | Regression | ||
C039 - Sidebar Pull Quote | Regression | ||
C040 - Contact Info | Regression | ||
C041 - Brands Listing | Regression | ||
C042 - Case Study Sidebar Contact | Regression | ||
C043 - Full-Width Image w/ Drop Shadow | Regression | ||
C044 - Rich Copy Area Wide | Regression | ||
C045 - Big Feature Left Top-Aligned | Regression | ||
C045B - Big Feature Left Top Aligned w/ 2 Columns | Regression | ||
C046 - Big Feature Right Top-Aligned | Regression | ||
C046B - Big Feature Right Top Aligned w/ 2 Columns | Regression | ||
C047 - App Tile | Regression | ||
C048 - App Tile Grid | Regression | ||
C049 - Unused | N/A | N/A | N/A |
C050 - Unused | N/A | N/A | N/A |
A broad range of components that typically contain richer content experiences but also, like visual navigation, pass users to another page.
Component | Author Page | Regression Page | Style Guide Page |
C051 - Not Used | N/A | N/A | N/A |
C052 - 2-Column Table (Rows) | Regression | ||
C053 - 2-Column Table (Groups) | Regression | ||
C054 - 2-Column Table | Regression | ||
C055 - Service Component Grid | Regression | ||
C056 - Unused | N/A | N/A | N/A |
C057 - Full-Width Accordion | Regression | ||
C058 - Unused(?) | N/A | N/A | N/A |
C059 - Expandable Alert Tiles | Regression | ||
C060 - Expandable Update Tiles | Regression | Style | |
C061 - 1-Column Download List | Regression | ||
C062 - Contact Spots | Regression | ||
C063 - Flexible 3-Column Promotional Banner | Regression | ||
C064 - Full Bleed Background Image | Regression | ||
C065 - 50/50 x 3 Grid | Regression | ||
C066 - Centered Feature Copy w/ Image Icon | Regression | ||
C067 Mega Flexible 3-Column | Regression | ||
C068 2-Column w/ Image Right | Regression | ||
C069 Flex 3-Col w/ Icons & Image Right | Regression | ||
C070 Flex 2-Col w/ Icons & Centered Image | Regression | ||
C071 Flex 3-Column Blurb (Sub-Component) | Regression | ||
C072 Flex 3-Column Footnote (Sub-Comp) | Regression | ||
C073 - Tall Banner | Regression | ||
C074 - Featured Carousel Loop 4-Up | Regression | ||
C075 - Full-width Thematic Lock-Up | Regression | ||
C076 - Featured Call Out (Sub-Component) | Regression | ||
C077 - Inset Carousel (Sub-Component) | Regression | ||
C078 - Full-width Image with Hotspots | Regression | ||
C079 - Featured Editorial Content Block | Regression | ||
C080 - Flexible Card Grid | Regression | Style | |
C081 - Sidebar Related Content | Regression | Style | |
C082 - Topic CTA Spots | Regression | ||
C083 - Thematic Lock-Up (Editorial and VN) | Regression | Style | |
C084 - Featured Expert Profile Card | Regression | Style | |
C085 - Events Schedule | Regression | Style | |
C086 - Featured Expert Profile List | Regression | Style | |
C087 - Trending News Featured Grid | Regression | ||
C088 - Flexible Card Carousel Loop | Regression | ||
C089 - Unused | N/A | N/A | N/A |
C090 - Unused | N/A | N/A | N/A |
C091 - Unused | N/A | N/A | N/A |
C092 - Unused | N/A | N/A | N/A |
C093 - Unused | N/A | N/A | N/A |
C094 - Unused | N/A | N/A | N/A |
C095 - Unused | N/A | N/A | N/A |
C096 - Unused | N/A | N/A | N/A |
C097 - Unused | N/A | N/A | N/A |
C098 - Unused | N/A | N/A | N/A |
C099 - Unused | N/A | N/A | N/A |
Components used to build fields within forms.
Component | Author Page | Regression Page | Style Guide Page |
| F001 - In-Page – Vertical w/ Image | Regression | Style | |
| F002 - In-Page Form – Vertical | Author | Regression | Style |
| F003 - In-Page Form – Horizontal | Author | Regression | Style |
F004 - Unused | N/A | N/A | N/A |
F005 - Unused | N/A | N/A | N/A |
F006 - Unused | N/A | N/A | N/A |
F007 - Unused | N/A | N/A | N/A |
F008 - Unused | N/A | N/A | N/A |
F009 - Unused | N/A | N/A | N/A |
These are the components that make up the Header, Footer and Navigation Menus for the sites
Component | Author Page | Regression Page | Style Guide Page |
G001 - Global Header (Emerson) | Regression | Style | |
G001B - Global Header (Approved Sites) | Regression | Style | |
G002 - Main Navigation | Regression | Style | |
G003 - Primary Navigation Two-Level Menu | Regression | Style | |
G003B - Primary Navigation Single-Level Menu | Regression | Style | |
G004 - Utility Navigation | Regression | Style | |
G005 - Cookie Notification | Regression | Style | |
G006 - Locale Mismatch Notification | Regression | Style | |
G007 - Global Footer (Emerson) | Regression | Style | |
G007B - Global Footer (Approved Sites) | Regression | Style | |
G008 - Footer Primary Navigation | Regression | Style | |
G009 - Footer Secondary Navigation | Regression | Style | |
G010 - Footer Social Links | Regression | Style | |
G011 - Footer Social QR Modal | Regression | Style | |
G012 - Header Navigation Flyout Menu | Regression | Style | |
G013 - Header Navigation Non-segmented Menu | Regression | Style | |
G014 - Header Navigation Segmented Menu | Regression | Style | |
G015 - Header Navigation Segmented menu w/ Editable Headers | Regression | Style | |
G016 - Locale Selector Utility Modal | Regression | Style | |
G017 - Mini Cart | Regression | Style | |
G018 - Search Bar | Regression | Style | |
G018B - Search Bar w/ Segmented (Future) | Author | Regression | Style |
G019 - Locale Selector Front Door | Style | ||
G020 - Logo | Regression | Style | |
G021 - MyEmerson Login | Regression | Style | |
G022 - Approved Sites Footer Promo | Regression | Style | |
G023 - Approved Sites Footer Utility Nav | Author | Regression | Style |
G024 - Approved Sites Footer Corp Promise | Regression | Style | |
G025 - Brands Dropdown | Regression | Style | |
G026 - Unused | N/A | N/A | N/A |
G027 - Unused | N/A | N/A | N/A |
G028 - Unused | N/A | N/A | N/A |
G029 - Unused | N/A | N/A | N/A |
The main section at the top of the web page below the nav. This component should also contain the <h1> tag for the page indicating the page’s title.
Component | Author Page | Regression Page | Style Guide Page |
H001 - Homepage Hero | Regression | ||
H001B - Homepage Hero w/ Split | Regression | ||
H001C - Homepage Hero w/ Video | Author | Regression | Style |
H001D - Homepage Hero Other Sites | Author | Regression | Style |
H001E - Homepage Hero Other Sites | Author | Regression | Style |
H002 - Hero | Regression | Hero w/Carousel | |
H002B - Hero w/ Jump Links | Regression | ||
H002C - Hero w/ Chop | Regression | Hero w/ Chop w/Carousel | |
H003 - Mini Hero | Regression | ||
H004 - Hero no Image | Regression | ||
H005 - Unused | N/A | N/A | N/A |
H006 - Unused | N/A | N/A | N/A |
H007 - Unused | N/A | N/A | N/A |
H008 - Hero w/ Offset Copy | Regression | ||
H008B - Hero w/ Offset Copy and Byline | Modal Link | ||
H009 - Hero w/ Centered Copy | Regression | ||
H009B - Hero w/Jump Links | Author | Regression | Style |
H010 - Hero with Sidebar Content | Regression | ||
H011 - Annual Report Hero | N/A | N/A | N/A |
H012 - Unused | N/A | N/A | N/A |
H013 - Unused | N/A | N/A | N/A |
H014 - Unused | N/A | N/A | N/A |
H015 - Unused | N/A | N/A | N/A |
H016 - Unused | N/A | N/A | N/A |
H017 - Unused | N/A | N/A | N/A |
H018 - Unused | N/A | N/A | N/A |
H019 - Unused | N/A | N/A | N/A |
Typically used underneath the hero to explain a topic, with promo boxes to the right or left of the copy.
Component | Author Page | Regression Page | Style Guide Page |
| P001 - Promo Box Image Right | Regression | Style | |
| P002 - Promo Box Image Left | Author | Regression | Style |
| P003 - Promo Box No Image Right | Author | Regression | Style |
| P004 Promo Box No Image Left | Author | Regression | Style |
P005 Promo Double Right w/ Images | Author | Regression | |
| P006 Promo Box Big Image | Author | Regression | Style |
| P007 Half-Width Accordion w/ Promos | Regression | Style | |
P008 - Unused | N/A | N/A | N/A |
P009 - Unused | N/A | N/A | N/A |
A component that includes search-related behaviors.
Component | Author Page | Regression Page | Style Guide Page |
SE001 - Handcrafted Search – Products | Regression | Style | |
SE002 - Handcrafted Search – Brands | Regression | Style | |
SE003 - Handcrafted Search – All Results | Regression | Style | |
SE004 - Search Box Inline (Deprecated) | Regression | Style | |
SE005 - Dropdown | Regression | Style | |
SE006 - Dropdown w/ Links (Deprecated) | Regression | Style | |
SE007 - Alert and Information Banner | Regression | Style | |
SE008 - Search Bar w/o Dropdown | Regression | Style | |
SE008B - Newsroom Search Bar w/o Dropdown | Author | Regression | |
SE00SC - Support Center Search Bar w/o Dropdown | Author | Regression | |
SE009 - Search Bar with Dropdown | Regression | Style |
Tiles with teaser content that introduce another page.
Component | Author Page | Regression Page | Style Guide Page |
VN001 - Navigation Tiles | Regression | Style | |
VN002 - Action Squares | Regression | Style | |
VN003 - Action Squares with Images | Regression | Style | |
VN004 - Jump Navigation | Regression | Style | |
VN005 - Unused | N/A | N/A | N/A |
VN006 - Unused | N/A | N/A | N/A |
VN007 - Unused | N/A | N/A | N/A |
VN008 - Unused | N/A | N/A | N/A |
VN009 - Featured Visual Navigation | Regression | Style | |
VN010 - Featured Visual Navigation Banner with Tiles | Regression | ||
VN011 - Unused | N/A | N/A | N/A |
VN012 - Unused | N/A | N/A | N/A |
VN013 - 50/50 Segment Navigation | Regression | Style | |
VN014 - Text-Only Navigation | Regression | Style | |
VN015 - Featured Navigation Banner | Regression | Style | |
VN016 - Category Banner – eSpot | Regression | Style | |
VN017 - Profile Tiles | Regression | Style | |
VN018 - Support Tiles | Regression | Style | |
VN019 - Navigation Tiles with Offset Text | Regression | Style | |
VN020 - Resource Dropdowns | Regression | Style |
