diff --git a/package.json b/package.json
index 44df543..03d2017 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "start": "pnpm run serve"
   },
   "dependencies": {
+    "@spectrum-css/card": "^9.3.0",
     "@spectrum-web-components/action-menu": "^1.0.1",
     "@spectrum-web-components/button": "^1.0.1",
     "@spectrum-web-components/menu": "^1.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 72ac8e8..d0e9ed7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,6 +13,9 @@ importers:
 
   .:
     dependencies:
+      '@spectrum-css/card':
+        specifier: ^9.3.0
+        version: 9.3.0(@spectrum-css/tokens@14.6.0)
       '@spectrum-web-components/action-menu':
         specifier: ^1.0.1
         version: 1.0.1
@@ -179,6 +182,33 @@ packages:
       rollup:
         optional: true
 
+  '@spectrum-css/card@9.3.0':
+    resolution: {integrity: sha512-uMWwh/kkkcOSf8W5Kz1TyQjaWxKeTKm1Gm5XaAyHu+IHk+mYJPrDeZNoYfyIqZ+x/RgyVcCzx2H3VXA/uUaaeA==}
+    peerDependencies:
+      '@spectrum-css/actionbutton': '>=6'
+      '@spectrum-css/asset': '>=5'
+      '@spectrum-css/checkbox': '>=9'
+      '@spectrum-css/icon': '>=7'
+      '@spectrum-css/quickaction': '>=3'
+      '@spectrum-css/tokens': '>=14.5.0'
+      '@spectrum-css/typography': '>=6'
+    peerDependenciesMeta:
+      '@spectrum-css/actionbutton':
+        optional: true
+      '@spectrum-css/asset':
+        optional: true
+      '@spectrum-css/checkbox':
+        optional: true
+      '@spectrum-css/icon':
+        optional: true
+      '@spectrum-css/quickaction':
+        optional: true
+      '@spectrum-css/typography':
+        optional: true
+
+  '@spectrum-css/tokens@14.6.0':
+    resolution: {integrity: sha512-v/ko2A2i2v4ShHizSdRkOs0fYBVLdiQe5yN/ECFBjpamd0YJHfZGh4uBIGSG+uZjwWpHbKhRusdCRFJKJ+WNYQ==}
+
   '@spectrum-web-components/action-button@1.0.1':
     resolution: {integrity: sha512-/QYGoDn2PncjJIwInrctjYIusvQ1nbp21ww5Niy9aNNQjm7M2iCnbWFiwIYkC56GMIrN3DTxBlIFPpT3m8DJtQ==}
 
@@ -1635,6 +1665,12 @@ snapshots:
     optionalDependencies:
       rollup: 3.29.5
 
+  '@spectrum-css/card@9.3.0(@spectrum-css/tokens@14.6.0)':
+    dependencies:
+      '@spectrum-css/tokens': 14.6.0
+
+  '@spectrum-css/tokens@14.6.0': {}
+
   '@spectrum-web-components/action-button@1.0.1':
     dependencies:
       '@spectrum-web-components/base': 1.0.1
diff --git a/src/spectrum.js b/src/spectrum.js
index f4e7627..c8e22d2 100644
--- a/src/spectrum.js
+++ b/src/spectrum.js
@@ -1,3 +1,4 @@
+// https://opensource.adobe.com/spectrum-web-components/tools/theme/#advanced-usage
 import '@spectrum-web-components/theme/sp-theme.js';
 import '@spectrum-web-components/theme/src/themes.js';
 
@@ -7,3 +8,7 @@ import '@spectrum-web-components/menu/sp-menu.js';
 import '@spectrum-web-components/menu/sp-menu-item.js';
 import '@spectrum-web-components/menu/sp-menu-divider.js';
 import '@spectrum-web-components/menu/sp-menu-group.js';
+
+import SpectrumCard from '@spectrum-css/card' with { type: 'css' };
+
+console.log({ SpectrumCard });
\ No newline at end of file