diff --git a/src/page-components/pattern-editor/PulseAttributes.module.css b/src/page-components/pattern-editor/PulseAttributes.module.css
new file mode 100644
index 0000000..88420af
--- /dev/null
+++ b/src/page-components/pattern-editor/PulseAttributes.module.css
@@ -0,0 +1,13 @@
+@layer pages {
+  .pulse_attributes {
+    flex: 2;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: calc(var(--spacing) * 2);
+    padding: calc(var(--spacing) * 2) calc(var(--spacing));
+    border-radius: calc(var(--border-radius) * 2);
+    color: var(--color-on-surface);
+    background-color: var(--color-surface-container);
+  }
+}
diff --git a/src/page-components/pattern-editor/PulseAttributes.tsx b/src/page-components/pattern-editor/PulseAttributes.tsx
new file mode 100644
index 0000000..c485335
--- /dev/null
+++ b/src/page-components/pattern-editor/PulseAttributes.tsx
@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import styles from './PulseAttributes.module.css';
+
+const PulseAttributes: FC = () => {
+  return <div className={styles.pulse_attributes}></div>;
+};
+
+export default PulseAttributes;