diff --git a/frontend/src/v2/__tests__/v2Primitives.test.tsx b/frontend/src/v2/__tests__/v2Primitives.test.tsx
index 4486259e7..6438a2ff2 100644
--- a/frontend/src/v2/__tests__/v2Primitives.test.tsx
+++ b/frontend/src/v2/__tests__/v2Primitives.test.tsx
@@ -67,4 +67,23 @@ describe('D223 primitives', () => {
     expect(container.querySelector('details.v2p-disc')).not.toBeNull();
     expect(container.querySelector('details.v2p-disc svg.chev path')?.getAttribute('d')).toBe('m6 9 6 6 6-6');
   });
+
+  test('the Settings frame is built from v2p- primitives alone, in the artboard order', () => {
+    render(<V2PrimitivesPage />);
+    const frame = screen.getByTestId('v2p-settings-frame');
+    const groups = Array.from(frame.querySelectorAll('.v2p-gtitle'), (n) => n.textContent);
+    expect(groups).toEqual(['Account', 'Access', 'Look']);
+    const classes = Array.from(frame.querySelectorAll('[class]')).flatMap((n) => Array.from(n.classList));
+    expect(classes.filter((c) => c.startsWith('v2p-')).length).toBeGreaterThan(10);
+    expect(frame.querySelectorAll('details.v2p-disc')).toHaveLength(1);
+  });
+
+  test('the Settings frame fills its column to 760 and drops the value cell at 390', () => {
+    render(<V2PrimitivesPage />);
+    const frame = screen.getByTestId('v2p-settings-frame');
+    expect(frame.style.width).toBe('100%');
+    expect(frame.style.maxWidth).toBe('760px');
+    expect(css).toMatch(/\.v2p-lrow \{ grid-template-columns: minmax\(0, 1fr\) auto;/);
+    expect(css).toMatch(/\.v2p-frame \.v2p-lrow \.vl[^}]*display: none/);
+  });
 });
diff --git a/frontend/src/v2/primitives/V2PrimitivesPage.tsx b/frontend/src/v2/primitives/V2PrimitivesPage.tsx
index 58305b742..60a6a8a90 100644
--- a/frontend/src/v2/primitives/V2PrimitivesPage.tsx
+++ b/frontend/src/v2/primitives/V2PrimitivesPage.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import './primitives.css';
+import V2SettingsFrame from './V2SettingsFrame';
 
 // TASK-730 (D223): the shared primitives rendered alone, so a surface can be
 // checked against the artboard frame without the shell around it. Served at
@@ -21,6 +22,9 @@ const V2PrimitivesPage: React.FC = () => (
         </header>
 
         <div className="v2p-body">
+          <div className="v2p-gtitle">settings frame (d215 s-settings)</div>
+          <V2SettingsFrame />
+
           <div className="v2p-gtitle">buttons</div>
           <div className="v2p-list">
             <div className="v2p-lrow">
diff --git a/frontend/src/v2/primitives/V2SettingsFrame.tsx b/frontend/src/v2/primitives/V2SettingsFrame.tsx
new file mode 100644
index 000000000..f76d4f2f5
--- /dev/null
+++ b/frontend/src/v2/primitives/V2SettingsFrame.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+
+// TASK-730 (D223): the d215 Settings frame (#s-settings) rebuilt from the
+// shared primitives alone. Same groups, rows and order as the artboard; the
+// values are fixtures, so the structural diff is what this proves.
+const seg = (items: string[], on: string, label: string) => (
+  <div className="v2p-seg v2p-seg--sm" role="group" aria-label={label}>
+    {items.map((t) => (
+      <button key={t} type="button" className={t === on ? 'on' : undefined}>{t}</button>
+    ))}
+  </div>
+);
+
+const V2SettingsFrame: React.FC = () => (
+  <div className="v2p-frame" data-testid="v2p-settings-frame" style={{ width: '100%', maxWidth: 760, margin: '0 auto' }}>
+    <div className="v2p-gtitle">Account</div>
+    <div className="v2p-list">
+      <div className="v2p-lrow" style={{ minHeight: 64 }}>
+        <div className="lb">alex-kim</div>
+        <div className="vl"><span className="mo">@alex-kim · member</span></div>
+        <div className="ac">
+          <button type="button" className="v2p-b v2p-b-g v2p-b-sm v2p-ib" aria-label="Edit name and username">✎</button>
+        </div>
+      </div>
+      <div className="v2p-lrow">
+        <div className="lb">Email</div>
+        <div className="vl"><span className="mo">[email]</span></div>
+        <div className="ac">
+          <button type="button" className="v2p-b v2p-b-g v2p-b-sm v2p-ib" aria-label="Change email">✎</button>
+        </div>
+      </div>
+      <div className="v2p-lrow">
+        <div className="lb">Plan</div>
+        <div className="vl">Pro<span className="mo">$12 a month</span></div>
+        <div className="ac"><button type="button" className="v2p-b v2p-b-g v2p-b-sm">Billing</button></div>
+      </div>
+    </div>
+
+    <div className="v2p-gtitle">Access</div>
+    <div className="v2p-list">
+      <details className="v2p-disc">
+        <summary>
+          <span className="lb">Devices</span>
+          <span className="vl">1 CLI device<span className="mo">used 1:21 AM</span></span>
+          <svg className="chev" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg>
+        </summary>
+        <div className="v2p-body">alex-laptop · last used 1:21 AM</div>
+      </details>
+      <div className="v2p-lrow">
+        <div className="lb">API token</div>
+        <div className="vl"><span className="mo">None</span></div>
+        <div className="ac"><button type="button" className="v2p-b v2p-b-s v2p-b-sm">Generate</button></div>
+      </div>
+      <div className="v2p-lrow">
+        <div className="lb">Connectors</div>
+        <div className="vl"><span className="mo">0 connected</span></div>
+        <div className="ac">
+          <button type="button" className="v2p-b v2p-b-g v2p-b-sm v2p-ib" aria-label="Open Connectors">›</button>
+        </div>
+      </div>
+    </div>
+
+    <div className="v2p-gtitle">Look</div>
+    <div className="v2p-list">
+      <div className="v2p-lrow">
+        <div className="lb">Language</div>
+        <div className="vl" />
+        <div className="ac">{seg(['EN', '中文'], 'EN', 'Language')}</div>
+      </div>
+      <div className="v2p-lrow">
+        <div className="lb">Theme</div>
+        <div className="vl" />
+        <div className="ac">{seg(['Auto', 'Light', 'Dark'], 'Auto', 'Theme')}</div>
+      </div>
+    </div>
+  </div>
+);
+
+export default V2SettingsFrame;
diff --git a/frontend/src/v2/primitives/primitives.css b/frontend/src/v2/primitives/primitives.css
index 4f8c63d70..62dfe5884 100644
--- a/frontend/src/v2/primitives/primitives.css
+++ b/frontend/src/v2/primitives/primitives.css
@@ -347,7 +347,10 @@ details.v2p-disc > summary .vl { font-size: 13.5px; color: var(--v2-ink-2); min-
   .v2p-ph { height: auto; min-height: 52px; flex-wrap: wrap; padding: 10px 14px; row-gap: 8px; }
   .v2p-ph h1 { font-size: 20px; white-space: normal; }
   .v2p-body { padding: 16px 14px; }
-  .v2p-lrow { grid-template-columns: minmax(0, 1fr); min-height: 48px; padding: 8px 12px; }
+  .v2p-lrow { grid-template-columns: minmax(0, 1fr) auto; min-height: 48px; padding: 8px 12px; }
+  /* d215's phone frame has no value cell: the label and the action carry the row. */
+  .v2p-frame .v2p-lrow .vl, .v2p-frame details.v2p-disc > summary .vl { display: none; }
+  .v2p-frame details.v2p-disc > summary { grid-template-columns: minmax(0, 1fr) auto; }
   details.v2p-disc > summary { grid-template-columns: minmax(0, 1fr) auto auto; min-height: 48px; padding: 8px 12px; }
   .v2p-drawer:not(.v2p-drawer--inline) { width: 100%; border-radius: 0; }
   .v2p-cols { grid-template-columns: minmax(0, 1fr); }