diff --git a/src/components/ResourceLinks/ResourceLinks.js b/src/components/ResourceLinks/ResourceLinks.js
index 632616095..730b7653d 100644
--- a/src/components/ResourceLinks/ResourceLinks.js
+++ b/src/components/ResourceLinks/ResourceLinks.js
@@ -3,9 +3,9 @@ import H2 from 'gatsby-theme-carbon/src/components/markdown/H2';
 import H3 from 'gatsby-theme-carbon/src/components/markdown/H3';
 import MiniCard from 'gatsby-theme-carbon/src/components/MiniCard/MiniCard';
 import CardGroup from 'gatsby-theme-carbon/src/components/MiniCard/CardGroup';
-import githubIcon from '../../images/icon/github-icon.svg';
+// import githubIcon from '../../images/icon/github-icon.svg';
 import reactIcon from '../../images/icon/react-icon.svg';
-import sketchSymbol from '../../images/icon/sketch-symbol.svg';
+// import sketchSymbol from '../../images/icon/sketch-symbol.svg';
 import webComponentsIcon from '../../images/icon/web-components-icon.svg';
 import components from '../../data/components.json';
 
@@ -23,40 +23,24 @@ import components from '../../data/components.json';
 export const ResourceLinks = ({
   type,
   name,
-  designLink = '',
-  functionalLink = '',
+  // designLink = '',
+  // functionalLink = '',
   multiComponent,
 }) => {
-  const component = components[type][name];
-  const wikiURLBase =
-    'https://github.com/carbon-design-system/carbon-for-ibm-dotcom-website/wiki/';
-  const wikiName = name.replace(/ /g, '-');
-  const functionalSpecLink =
-    functionalLink || component.functionalLink || wikiURLBase + wikiName;
-  const designSpecLink = designLink || component.designLink;
+  // const component = components[type][name];
+  // const wikiURLBase =
+
+  'https://github.com/carbon-design-system/carbon-for-ibm-dotcom-website/wiki/';
+
+  // const wikiName = name.replace(/ /g, '-');
+  // const functionalSpecLink =
+  //  functionalLink || component.functionalLink || wikiURLBase + wikiName;
+  // const designSpecLink = designLink || component.designLink;
 
   return (
     <>
       {multiComponent ? <H3>Resources for {name}</H3> : <H2>Resources</H2>}
       <CardGroup>
-        {designSpecLink && (
-          <MiniCard
-            linkProps={{ target: '_blank', rel: 'noopener' }}
-            title="Design specifications"
-            href={designSpecLink}
-          >
-            <img src={sketchSymbol} alt="Sketch" />
-          </MiniCard>
-        )}
-        {functionalSpecLink && (
-          <MiniCard
-            linkProps={{ target: '_blank', rel: 'noopener' }}
-            title="Functional specifications"
-            href={functionalSpecLink}
-          >
-            <img src={githubIcon} alt="GitHub" />
-          </MiniCard>
-        )}
         {components[type][name].storybook.react && (
           <MiniCard
             linkProps={{ target: '_blank', rel: 'noopener' }}
diff --git a/src/images/component/callout-quote/cq-overview.png b/src/images/component/callout-quote/cq-overview.png
new file mode 100644
index 000000000..f1384715b
Binary files /dev/null and b/src/images/component/callout-quote/cq-overview.png differ
diff --git a/src/images/pattern/callout-quote/callout-quote.jpg b/src/images/pattern/callout-quote/callout-quote.jpg
deleted file mode 100644
index 974fa0c1d..000000000
Binary files a/src/images/pattern/callout-quote/callout-quote.jpg and /dev/null differ
diff --git a/src/pages/components/callout-quote.mdx b/src/pages/components/callout-quote.mdx
index eaa85899f..26a773333 100644
--- a/src/pages/components/callout-quote.mdx
+++ b/src/pages/components/callout-quote.mdx
@@ -15,24 +15,36 @@ import ResourceLinks from 'components/ResourceLinks';
 
 <AnchorLinks>
 
-<AnchorLink>Resources</AnchorLink>
 <AnchorLink>Overview</AnchorLink>
+<AnchorLink>Modifiers</AnchorLink>
+<AnchorLink>Resources</AnchorLink>
 <AnchorLink>Content guidance</AnchorLink>
 <AnchorLink>Feedback</AnchorLink>
 
 </AnchorLinks>
 
-<ResourceLinks name="Callout quote" type="layout" />
-
 ## Overview
 
-The Callout quote pattern uses high contrast colors to create a delightful pause in the narrative and create a powerful
-impression on the user.
+Callout quote enables a high impact moment in page content that highlights a key quote that reinforces the goals of the page. Callout quote is best used as a visual break (for example, between two [content sections](/components/content-section)) to vary the overall structure of the page and draw attention.
+
+Callout quote can optionally include attribution information beneath the quote, as well as a link to relevant information.
 
-![Default](../../images/pattern/callout-quote/callout-quote.jpg)
+![Default](../../images/component/callout-quote/cq-overview.png)
 
 <br />
 
+## Modifiers
+
+### Color schemes
+
+Callout quote has additional color schemes to enable more flexibility in visual expression and variation. These include the default `regular` color scheme, as well as `layer`, `inverse`, `purple` , and `cyan`. When selecting a color scheme, keep in mind the adjacent colors from other components in the page layout.
+
+### Quotation marks
+
+Callout quote has additional options for the quotation marks that are displayed at the beginning and end of the quote.
+
+<ResourceLinks name="Callout quote" type="layout" />
+
 ## Content guidance
 
 | Element                                                          | Content type | Required | Instances | Character limit <br/>(English / translated) | Notes                                                                                                                                                                  |