diff --git a/src/themes/Variants.tsx b/src/themes/Variants.tsx
new file mode 100644
index 0000000..c344bd4
--- /dev/null
+++ b/src/themes/Variants.tsx
@@ -0,0 +1,13 @@
+import { VariantProps, createRestyleComponent, createVariant } from "@shopify/restyle";
+import type { Theme } from "@themes/Theme";
+
+export const cardVariants = createVariant<Theme, "cardVariants">({
+	themeKey: "cardVariants",
+	defaults: {
+		margin: {
+			phone: "s",
+			tablet: "m",
+		},
+		backgroundColor: "cardPrimaryBackground",
+	},
+});