# Illustration

Component documentation for Illustration — Overview.

import Anatomy from "../../../../../components/Anatomy.astro";
import VariantMatrix from "../../../../../components/VariantMatrix.astro";
import MotionPattern from "../../../../../components/MotionPattern.astro";
import AccessibilityRefs from "../../../../../components/AccessibilityRefs.astro";
import PageMetadata from "../../../../../components/PageMetadata.astro";
import StubFooter from "../../../../../components/StubFooter.astro";
import DoDont from "../../../../../components/DoDont.astro";
import Callout from "../../../../../components/Callout.astro";
import TermList from "../../../../../components/TermList.astro";
import ComponentTabs from "../../../../../components/ComponentTabs.astro";
import ConfidenceChip from "../../../../../components/ConfidenceChip.astro";
import MediaAsset from "../../../../../components/MediaAsset.astro";

<PageMetadata
  slug="components.illustration.overview"
  source="components/dist/registries/dskit.json#illustration"
  schema={1}
/>

<ComponentTabs component={"illustration"} activeTab={"overview"} />

<h2 id="variants">Variants</h2>

<VariantMatrix variantAxes={[{"axis":"Type","values":["Empty state large","Empty state medium","Empty state small","Error state","Maintenance","Success","Error state medium"]}]} />

## Resources

- [Open in Figma](https://www.figma.com/file/l8biHxfarNi1I2RMvVxVOK?node-id=8837-9945)