GDS Components
The building blocks of the GDS
What are components?
Purpose driven building blocks composed of GDS components.
What are AEM fragments?
Asia, GWAM, Canada, US, Global
What are Primary Segments at Manulife ?
Where the GDS Core team documents react components
This component lets users find content, products, or information by typing keywords or phrases.
What is the Search Bar?
The number of fragments currently available
What is 33?
The frontend framework we use to build agnostic components
What is React Javascript Library
Figma, Storybook and Zeroheight
What are our documentation platforms?
This component allows users to access key areas of a site quickly and consistently from the top of the page.
What is the Navigation?
What fragment communicates key product or service value propositions to help users get what they need.
What is the Call to Action Fragment?
How do we recognize the Canada retirement team in regards to using the GDS
What is an early adopter?
Figma = Designers. Storybook = ____
This component lets users understand their location within the site hierarchy and navigate back to previous pages.
What are breadcrumbs?
A fragment intended to share thought leadership content, represented in 5 different fragments (hint: mosaic, suggested, feature, grid, header)
What is 'Article'
Standardized, reusable values that represent Manulife foundations such as color, typography, spacing, radius, and elevation without relying on raw values like hex codes or numeric measurements.
What is a Design Token?
A community of design and technology leads who ensure alignment and non-duplication during component development.
What is the collective?
This component has 3 different types (primary, secondary and tertiary). What am I?
What is the button component
This fragment is used exclusively at the top of the homepage to establish brand presence, promote content, and direct users to core destinations.
What is the 'Home page - Hero' fragment?
The development practice that breaks down silos to enable team contribution.
What is the inner source community
1. Reuse First
2. Built for Modularity
3. Consistency and Integrity
4. Customizations as Last Resort
What are the guiding principles?