diff --git a/2nd-gen/packages/swc/.storybook/preview-head.html b/2nd-gen/packages/swc/.storybook/preview-head.html
index bfd12babc7e..460dace092c 100644
--- a/2nd-gen/packages/swc/.storybook/preview-head.html
+++ b/2nd-gen/packages/swc/.storybook/preview-head.html
@@ -251,4 +251,27 @@
       display: inline-block;
     }
   }
+
+  .link-samples {
+    #storybook-root & {
+      background-color: var(--swc-gray-25);
+      padding: 1.5rem;
+    }
+
+    &.link-samples--grid {
+      display: grid;
+      gap: 1rem;
+    }
+
+    .link-row {
+      display: grid;
+      gap: 0.5rem;
+    }
+
+    .link-meta {
+      display: flex;
+      align-items: last baseline;
+      gap: 0.5rem;
+    }
+  }
 </style>
diff --git a/2nd-gen/packages/swc/.storybook/preview.ts b/2nd-gen/packages/swc/.storybook/preview.ts
index 73e4673e0ab..4f41ead0d92 100644
--- a/2nd-gen/packages/swc/.storybook/preview.ts
+++ b/2nd-gen/packages/swc/.storybook/preview.ts
@@ -27,6 +27,7 @@ import { transformDocsSource } from './utils/docs-source-transform.js';
 
 import '../stylesheets/swc.css';
 import '../stylesheets/typography.css';
+import '../stylesheets/link.css';
 import '../stylesheets/global/global-elements.css';
 import './assets/preview.css';
 
@@ -330,7 +331,10 @@ const preview = {
                   'Rendering and styling migration analysis',
                 ],
                 'Action button',
-                ['Rendering and styling migration analysis'],
+                [
+                  'Accessibility migration analysis',
+                  'Rendering and styling migration analysis',
+                ],
                 'Action group',
                 ['Rendering and styling migration analysis'],
                 'Action menu',
@@ -360,9 +364,14 @@ const preview = {
                   'Rendering and styling migration analysis',
                 ],
                 'Button group',
-                ['Rendering and styling migration analysis'],
+                [
+                  'Accessibility migration analysis',
+                  'Rendering and styling migration analysis',
+                ],
                 'Checkbox',
                 ['Rendering and styling migration analysis'],
+                'Close button',
+                ['Accessibility migration analysis'],
                 'Color field',
                 ['Rendering and styling migration analysis'],
                 'Color loupe',
@@ -391,12 +400,16 @@ const preview = {
                   'Rendering and styling migration analysis',
                 ],
                 'Infield button',
-                ['Rendering and styling migration analysis'],
+                [
+                  'Accessibility migration analysis',
+                  'Rendering and styling migration analysis',
+                ],
                 'Infield progress circle',
                 ['Rendering and styling migration analysis'],
                 'Link',
                 [
                   'Accessibility migration analysis',
+                  'Migration plan',
                   'Rendering and styling migration analysis',
                 ],
                 'Menu',
diff --git a/2nd-gen/packages/swc/components/link/migration-guide.mdx b/2nd-gen/packages/swc/components/link/migration-guide.mdx
new file mode 100644
index 00000000000..e13e8b5792e
--- /dev/null
+++ b/2nd-gen/packages/swc/components/link/migration-guide.mdx
@@ -0,0 +1,137 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+
+<Meta title="Link/Migration guide" />
+
+# Link migration guide
+
+Spectrum 2 delivers links as **native `<a href>` elements** with CSS — there is no `swc-link` custom element. Replace `<sp-link>` with semantic anchors and the styles documented below.
+
+## Installation
+
+```bash
+# Remove
+yarn remove @spectrum-web-components/link
+
+# Add
+yarn add @adobe/spectrum-wc
+```
+
+## Stylesheets
+
+| Stylesheet                   | Import                               | Purpose                                                                                      |
+| ---------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------------- |
+| `typography.css`             | `@adobe/spectrum-wc/typography.css`  | Default link appearance inside **`.swc-Typography--prose`** and **`.swc-Typography--links`** |
+| `link.css`                   | `@adobe/spectrum-wc/link.css`        | BEM modifier classes for standalone / secondary / quiet / static-color anchors               |
+| `global-link.css` (optional) | `@adobe/spectrum-wc/global-link.css` | Opt-in baseline for **bare** `<a>` without classes                                           |
+
+> Default in-body and link-list styling ships with **Typography** — see the [Typography migration guide](../typography/migration-guide.mdx) for prose and wrapper patterns. This guide covers explicit link modifiers and migrating from `sp-link`.
+
+```js
+// Prose / link lists (typography wrappers style unclassed anchors)
+import '@adobe/spectrum-wc/typography.css';
+
+// Explicit modifiers on individual anchors
+import '@adobe/spectrum-wc/link.css';
+```
+
+## What changed
+
+### Architecture
+
+| Area                 | Spectrum 1 (`sp-link`)                        | Spectrum 2                                           |
+| -------------------- | --------------------------------------------- | ---------------------------------------------------- |
+| Element              | `<sp-link href="#">` shadow host              | Native `<a href="#">`                                |
+| Presentation         | `variant`, `quiet`, `static-color` attributes | BEM classes on `<a>` (and typography wrappers)       |
+| In-body copy         | Per-link custom element                       | `<a href>` inside `.swc-Typography--prose`           |
+| Link lists / footers | `sp-link` in lists                            | `<ul class="swc-Typography--links">` with `<a href>` |
+
+### Attribute → class mapping
+
+| `sp-link` attribute    | Spectrum 2                                                                                                              |
+| ---------------------- | ----------------------------------------------------------------------------------------------------------------------- |
+| (default)              | Unclassed `<a>` inside `.swc-Typography--prose` or `.swc-Typography--links`, or `class="swc-Link swc-Link--standalone"` |
+| `variant="secondary"`  | `class="swc-Link swc-Link--secondary"`                                                                                  |
+| `quiet`                | `class="swc-Link swc-Link--quiet swc-Link--standalone"` (section / footer contexts only)                                |
+| `static-color="white"` | `class="swc-Link swc-Link--staticWhite"`                                                                                |
+| `static-color="black"` | `class="swc-Link swc-Link--staticBlack"`                                                                                |
+| `disabled`             | **Not supported** on navigational links — use a disabled `<button>` or remove the control                               |
+
+Behavioral attributes (`href`, `target`, `rel`, `download`, `referrerpolicy`, `aria-label`) remain standard HTML on `<a>`.
+
+### Removed
+
+| Removed                      | Replacement                                       |
+| ---------------------------- | ------------------------------------------------- |
+| `<sp-link>`                  | `<a href>` + typography and/or `link.css` classes |
+| `disabled` on links          | Disabled button, or remove link                   |
+| `inline` as author attribute | Links in prose inherit typography automatically   |
+
+## Update your code
+
+### 1. Prose and running text
+
+```html
+<!-- Before -->
+<p class="spectrum-Body">
+  Read the
+  <sp-link href="/docs">documentation</sp-link>
+  for details.
+</p>
+
+<!-- After -->
+<div class="swc-Typography--prose">
+  <p>
+    Read the
+    <a href="/docs">documentation</a>
+    for details.
+  </p>
+</div>
+```
+
+### 2. Link lists (footers, sidebars)
+
+```html
+<ul class="swc-Typography--links">
+  <li><a href="/privacy">Privacy</a></li>
+  <li><a href="/terms">Terms</a></li>
+  <li><a href="/help">Help</a></li>
+</ul>
+```
+
+### 3. Standalone link with modifiers
+
+```html
+<a class="swc-Link swc-Link--standalone" href="/account">Account settings</a>
+<a class="swc-Link swc-Link--secondary swc-Link--standalone" href="/learn-more">
+  Learn more
+</a>
+```
+
+### 4. Quiet links in section context
+
+Use quiet styling only where surrounding context makes links obvious (for example footers). Pair **`swc-Link--quiet`** with **`swc-Link--standalone`**:
+
+```html
+<footer>
+  <a class="swc-Link swc-Link--quiet swc-Link--standalone" href="/privacy">
+    Privacy
+  </a>
+</footer>
+```
+
+## Accessibility
+
+- Use real `<a href>` for navigation; avoid JavaScript-only fake links.
+- Do not use `disabled` on anchors — it is not valid for navigational links.
+- Icon-only links need an accessible name (`aria-label` or visible text).
+- Restrict **quiet** styling to approved section patterns, not undifferentiated long-form body copy.
+
+See [Semantic HTML and ARIA](../../.storybook/guides/accessibility-guides/semantic_html_aria.mdx) and the contributor [accessibility migration analysis](https://github.com/adobe/spectrum-web-components/blob/main/CONTRIBUTOR-DOCS/03_project-planning/03_components/link/accessibility-migration-analysis.md).
+
+## Checklist
+
+- [ ] Replace `<sp-link>` with `<a href>` in prose (`swc-Typography--prose`) and link lists (`swc-Typography--links`)
+- [ ] Import `@adobe/spectrum-wc/typography.css` (and `link.css` when using BEM modifiers)
+- [ ] Map `variant`, `quiet`, and `static-color` to BEM classes
+- [ ] Remove `disabled` from links; use button + routing where needed
+- [ ] Retest contrast for links adjacent to body text
diff --git a/2nd-gen/packages/swc/components/link/stories/link.stories.ts b/2nd-gen/packages/swc/components/link/stories/link.stories.ts
new file mode 100644
index 00000000000..0158d12db91
--- /dev/null
+++ b/2nd-gen/packages/swc/components/link/stories/link.stories.ts
@@ -0,0 +1,177 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { html } from 'lit';
+import type { Meta, StoryObj as Story } from '@storybook/web-components';
+
+import {
+  CONTEXTS,
+  LANGS,
+  type LinkTemplateProps,
+  SIZES,
+  template,
+  VARIANTS,
+} from './link.template.js';
+
+/**
+ * Link presentation uses native `<a href>` with BEM classes from `link.css`.
+ *
+ * Default anchor appearance inside prose and link lists ships with
+ * `typography.css` — see [Typography / Prose container](../typography/stories/typography.stories.ts)
+ * and [Typography / Link list](../typography/stories/typography.stories.ts).
+ */
+const meta: Meta<LinkTemplateProps> = {
+  title: 'Link',
+  parameters: {
+    docs: {
+      subtitle:
+        'Native anchors with `.swc-Link` modifier classes. Import `@adobe/spectrum-wc/link.css`.',
+    },
+  },
+  argTypes: {
+    variant: { control: 'select', options: VARIANTS },
+    context: { control: 'select', options: CONTEXTS },
+    size: {
+      control: 'select',
+      options: SIZES,
+      description:
+        'Prose and link lists: `swc-Body--size*`. Standalone: `--swc-link-font-size`.',
+    },
+    quiet: {
+      control: 'boolean',
+      description:
+        'Removes underline until hover. Only applies with standalone context (pairs with `swc-Link--standalone`).',
+    },
+    inline: {
+      control: 'boolean',
+      description:
+        'Uses regular font weight on standalone links (S2 inline behavior).',
+    },
+    lang: { control: 'select', options: LANGS },
+    href: { control: 'text' },
+    sampleText: { control: 'text' },
+    showAllVariants: { control: 'boolean' },
+  },
+  render: (args) => html`
+    ${template(args)}
+  `,
+  tags: ['migrated', 'utility'],
+};
+
+export default meta;
+
+export const Playground: Story = {
+  args: {
+    variant: 'default',
+    context: 'standalone',
+    size: 'M',
+    quiet: false,
+    inline: false,
+    lang: undefined,
+    href: '#',
+    sampleText: '',
+    showAllVariants: false,
+  },
+  parameters: {
+    docs: {
+      canvas: {
+        sourceState: 'shown',
+      },
+    },
+  },
+  tags: ['autodocs', 'dev'],
+};
+
+/**
+ * Standalone link with explicit Spectrum typography (not inheriting a prose wrapper).
+ */
+export const Standalone: Story = {
+  args: {
+    context: 'standalone',
+    variant: 'default',
+    sampleText: 'Account settings',
+  },
+  tags: ['options'],
+};
+
+/**
+ * Secondary color treatment (replaces `sp-link variant="secondary"`).
+ */
+export const Secondary: Story = {
+  args: {
+    context: 'standalone',
+    variant: 'secondary',
+    sampleText: 'Learn more',
+  },
+  tags: ['options'],
+};
+
+/**
+ * Quiet + standalone removes the default underline until hover — use in footers
+ * and other section-scoped patterns, not undifferentiated body copy.
+ */
+export const QuietStandalone: Story = {
+  args: {
+    context: 'standalone',
+    variant: 'default',
+    quiet: true,
+    sampleText: 'Privacy policy',
+  },
+  tags: ['options'],
+};
+
+export const InProse: Story = {
+  args: {
+    context: 'prose',
+    variant: 'default',
+    size: 'M',
+  },
+  tags: ['options'],
+};
+
+export const LinkList: Story = {
+  args: {
+    context: 'links',
+    variant: 'default',
+  },
+  tags: ['options'],
+};
+
+export const StaticWhite: Story = {
+  args: {
+    context: 'standalone',
+    variant: 'staticWhite',
+    sampleText: 'white link',
+  },
+  tags: ['options'],
+};
+
+export const StaticBlack: Story = {
+  args: {
+    context: 'standalone',
+    variant: 'staticBlack',
+    sampleText: 'black link',
+  },
+  tags: ['options'],
+};
+
+/**
+ * All color variants for side-by-side comparison.
+ */
+export const AllVariants: Story = {
+  args: {
+    context: 'standalone',
+    showAllVariants: true,
+    sampleText: 'Link label',
+  },
+  tags: ['options'],
+};
diff --git a/2nd-gen/packages/swc/components/link/stories/link.template.ts b/2nd-gen/packages/swc/components/link/stories/link.template.ts
new file mode 100644
index 00000000000..bc46a24cdd5
--- /dev/null
+++ b/2nd-gen/packages/swc/components/link/stories/link.template.ts
@@ -0,0 +1,325 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { html, type TemplateResult } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styleMap } from 'lit/directives/style-map.js';
+
+export const VARIANTS = [
+  'default',
+  'secondary',
+  'staticWhite',
+  'staticBlack',
+] as const;
+
+export const CONTEXTS = ['standalone', 'prose', 'links'] as const;
+
+export const SIZES = ['XS', 'S', 'M', 'L', 'XL'] as const;
+
+export const LANGS = ['en', 'zh', 'ja', 'ko'] as const;
+
+export type LinkVariant = (typeof VARIANTS)[number];
+export type LinkContext = (typeof CONTEXTS)[number];
+export type LinkSize = (typeof SIZES)[number];
+export type LinkLang = (typeof LANGS)[number] | undefined;
+
+export type LinkTemplateProps = {
+  prefix?: string;
+  variant?: LinkVariant;
+  context?: LinkContext;
+  size?: LinkSize;
+  quiet?: boolean;
+  inline?: boolean;
+  lang?: LinkLang;
+  href?: string;
+  sampleText?: string;
+  showAllVariants?: boolean;
+};
+
+/** Standalone `.swc-Link` sets its own font-size; prose/links inherit from `swc-Body`. */
+const STANDALONE_SIZE_FONT_VARS: Record<LinkSize, string | undefined> = {
+  XS: 'var(--swc-font-size-75)',
+  S: 'var(--swc-font-size-100)',
+  M: undefined,
+  L: 'var(--swc-font-size-200)',
+  XL: 'var(--swc-font-size-300)',
+};
+
+const BODY_SIZE_CLASS: Record<LinkSize, string | undefined> = {
+  XS: 'swc-Body--sizeXS',
+  S: 'swc-Body--sizeS',
+  M: undefined,
+  L: 'swc-Body--sizeL',
+  XL: 'swc-Body--sizeXL',
+};
+
+export const LINK_LIST_ITEMS = [
+  { label: 'Privacy policy', href: '#' },
+  { label: 'Terms of use', href: '#' },
+  { label: 'Contact support', href: '#' },
+] as const;
+
+const STATIC_BACKGROUNDS: Record<
+  'staticWhite' | 'staticBlack',
+  { background: string; color: string }
+> = {
+  staticWhite: {
+    background: 'rgb(15, 121, 125)',
+    color: 'rgb(240, 240, 240)',
+  },
+  staticBlack: {
+    background: 'rgb(181, 209, 211)',
+    color: 'rgb(15, 15, 15)',
+  },
+};
+
+function cls(...parts: Array<string | false | null | undefined>): string {
+  return parts.filter(Boolean).join(' ');
+}
+
+function variantModifier(prefix: string, variant: LinkVariant): string | false {
+  if (variant === 'default') {
+    return false;
+  }
+  return `${prefix}-Link--${variant}`;
+}
+
+function buildLinkClasses({
+  prefix,
+  variant,
+  context,
+  quiet,
+  inline,
+}: {
+  prefix: string;
+  variant: LinkVariant;
+  context: LinkContext;
+  quiet: boolean;
+  inline: boolean;
+}): string {
+  const modifier = variantModifier(prefix, variant);
+  const needsBase = context === 'standalone' || modifier !== false;
+
+  return cls(
+    needsBase && `${prefix}-Link`,
+    context === 'standalone' && `${prefix}-Link--standalone`,
+    modifier,
+    inline && `${prefix}-Link--inline`,
+    quiet && context === 'standalone' && `${prefix}-Link--quiet`
+  );
+}
+
+function standaloneLinkStyle(size: LinkSize): Record<string, string> {
+  const fontSize = STANDALONE_SIZE_FONT_VARS[size];
+  return fontSize ? { '--swc-link-font-size': fontSize } : {};
+}
+
+function bodySizeClass(size: LinkSize): string {
+  return cls('swc-Body', BODY_SIZE_CLASS[size]);
+}
+
+function defaultSample(context: LinkContext): string {
+  switch (context) {
+    case 'links':
+      return LINK_LIST_ITEMS[0].label;
+    case 'prose':
+      return 'inline link';
+    case 'standalone':
+    default:
+      return 'Account settings';
+  }
+}
+
+function wrapStaticDemo(
+  variant: LinkVariant,
+  content: TemplateResult
+): TemplateResult {
+  const palette = STATIC_BACKGROUNDS[variant as 'staticWhite' | 'staticBlack'];
+  if (!palette) {
+    return content;
+  }
+
+  return html`
+    <div
+      style=${styleMap({
+        backgroundColor: palette.background,
+        color: palette.color,
+        padding: '15px 20px',
+        display: 'inline-block',
+      })}
+    >
+      ${content}
+    </div>
+  `;
+}
+
+function renderAnchor({
+  prefix,
+  variant,
+  context,
+  size,
+  quiet,
+  inline,
+  lang,
+  href,
+  text,
+  showAllVariants = false,
+}: {
+  prefix: string;
+  variant: LinkVariant;
+  context: LinkContext;
+  size: LinkSize;
+  quiet: boolean;
+  inline: boolean;
+  lang: LinkLang;
+  href: string;
+  text: string;
+  showAllVariants?: boolean;
+}): TemplateResult {
+  const className = buildLinkClasses({
+    prefix,
+    variant,
+    context,
+    quiet,
+    inline,
+  });
+  const anchor = html`
+    <a
+      class=${ifDefined(className ? className : undefined)}
+      style=${styleMap(
+        context === 'standalone' ? standaloneLinkStyle(size) : {}
+      )}
+      href=${href}
+      lang=${ifDefined(lang && lang !== 'en' ? lang : undefined)}
+    >
+      ${text}
+    </a>
+  `;
+
+  if (context === 'prose') {
+    return html`
+      <p class=${bodySizeClass(size)}>
+        Sample sentence with an ${anchor} in running text.
+      </p>
+    `;
+  }
+
+  if (context === 'links') {
+    const items = LINK_LIST_ITEMS.map((item, index) => ({
+      href: item.href,
+      label:
+        index === 0 && text !== LINK_LIST_ITEMS[0].label
+          ? text
+          : showAllVariants
+            ? `${item.label} (${variant})`
+            : item.label,
+    }));
+
+    return html`
+      <ul
+        class=${cls('swc-Typography--links', bodySizeClass(size))}
+        style="list-style: none; padding: 0; margin: 0;"
+      >
+        ${items.map(
+          (item) => html`
+            <li>
+              <a
+                class=${ifDefined(className ? className : undefined)}
+                href=${item.href}
+                lang=${ifDefined(lang && lang !== 'en' ? lang : undefined)}
+              >
+                ${item.label}
+              </a>
+            </li>
+          `
+        )}
+      </ul>
+    `;
+  }
+
+  return anchor;
+}
+
+export function template(args: LinkTemplateProps = {}): TemplateResult {
+  const {
+    prefix = 'swc',
+    variant = 'default',
+    context = 'standalone',
+    size = 'M',
+    quiet = false,
+    inline = false,
+    lang = undefined,
+    href = '#',
+    sampleText,
+    showAllVariants = false,
+  } = args;
+
+  const variants: LinkVariant[] = showAllVariants ? [...VARIANTS] : [variant];
+  const text =
+    sampleText != null && sampleText !== ''
+      ? sampleText
+      : defaultSample(context);
+
+  const wrapperClass = cls(
+    'link-samples',
+    showAllVariants && 'link-samples--grid'
+  );
+
+  return html`
+    <div class=${wrapperClass}>
+      ${variants.map((linkVariant) => {
+        const row = renderAnchor({
+          prefix,
+          variant: linkVariant,
+          context,
+          size,
+          quiet,
+          inline,
+          lang,
+          href,
+          text: showAllVariants ? `${text} (${linkVariant})` : text,
+          showAllVariants,
+        });
+
+        const content =
+          context === 'prose'
+            ? html`
+                <div class=${`${prefix}-Typography--prose`}>${row}</div>
+              `
+            : row;
+
+        return html`
+          <div class="link-row">
+            ${showAllVariants
+              ? html`
+                  <div class="link-meta">
+                    <div
+                      class="swc-Typography--emphasized swc-Detail swc-Detail--sizeS"
+                    >
+                      ${linkVariant}
+                    </div>
+                    <div class="swc-Detail swc-Detail--sizeS">
+                      ${context} · size
+                      ${size}${quiet ? ' · quiet' : ''}${inline
+                        ? ' · inline'
+                        : ''}${lang && lang !== 'en' ? ` · lang:${lang}` : ''}
+                    </div>
+                  </div>
+                `
+              : null}
+            ${wrapStaticDemo(linkVariant, content)}
+          </div>
+        `;
+      })}
+    </div>
+  `;
+}
diff --git a/2nd-gen/packages/swc/components/typography/migration-guide.mdx b/2nd-gen/packages/swc/components/typography/migration-guide.mdx
index a3f05ca080e..ba4f701285e 100644
--- a/2nd-gen/packages/swc/components/typography/migration-guide.mdx
+++ b/2nd-gen/packages/swc/components/typography/migration-guide.mdx
@@ -39,12 +39,13 @@ import '@adobe/spectrum-wc/typography.css';
 
 ### Added in Spectrum 2
 
-| Addition                                    | Notes                                                                  |
-| ------------------------------------------- | ---------------------------------------------------------------------- |
-| `.swc-Title` class                          | New class for section and card headings                                |
-| `.swc-Typography--prose` modifier           | Document wrapper that applies consistent margins to all child elements |
-| `.swc-Typography--emphasized` modifier      | Applies italic styling to the element                                  |
-| `--margins` modifier on individual elements | Apply margins to a single element without a wrapper                    |
+| Addition                                    | Notes                                                                   |
+| ------------------------------------------- | ----------------------------------------------------------------------- |
+| `.swc-Title` class                          | New class for section and card headings                                 |
+| `.swc-Typography--prose` modifier           | Document wrapper that applies consistent margins to all child elements  |
+| `.swc-Typography--links` modifier           | Link lists, footers, and sidebars — default styles for child `<a href>` |
+| `.swc-Typography--emphasized` modifier      | Applies italic styling to the element                                   |
+| `--margins` modifier on individual elements | Apply margins to a single element without a wrapper                     |
 
 ### Removed in Spectrum 2
 
@@ -103,7 +104,26 @@ The `.spectrum-Typography` wrapper class has been removed. Use the `--margins` m
 </div>
 ```
 
-### 3. Remove light variants
+### 3. Links in prose and link lists
+
+Native `<a href>` elements inside **`.swc-Typography--prose`** or **`.swc-Typography--links`** receive default Spectrum link styling when `typography.css` is loaded. Anchors inherit surrounding typography in prose; import `@adobe/spectrum-wc/link.css` and apply `.swc-Link` modifier classes when you need standalone or secondary / quiet / static-color treatments. See the [Link migration guide](../link/migration-guide.mdx).
+
+```html
+<div class="swc-Typography--prose">
+  <p>
+    Read the
+    <a href="/docs">documentation</a>
+    for details.
+  </p>
+</div>
+
+<ul class="swc-Typography--links">
+  <li><a href="/privacy">Privacy</a></li>
+  <li><a href="/terms">Terms</a></li>
+</ul>
+```
+
+### 4. Remove light variants
 
 The `--light` modifier has been removed from both Heading and Detail. Choose a size that produces the desired visual weight in your layout.
 
diff --git a/2nd-gen/packages/swc/components/typography/stories/typography.stories.ts b/2nd-gen/packages/swc/components/typography/stories/typography.stories.ts
index 28d9c622e97..434c71e40a5 100644
--- a/2nd-gen/packages/swc/components/typography/stories/typography.stories.ts
+++ b/2nd-gen/packages/swc/components/typography/stories/typography.stories.ts
@@ -224,6 +224,7 @@ export const MarginsModifier: Story = {
  * - `h3` - Title, size L
  * - `h4` - Title, size M
  * - `p, li` - Body, size M
+ * - `a` - Default link styling (inherits body typography in prose)
  */
 export const ProseContainer: Story = {
   args: {
@@ -238,9 +239,11 @@ export const ProseContainer: Story = {
       <h1>Semantic H1</h1>
       <h2>Semantic H2</h2>
       <p>
-        Semantic paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing
-        elit. Donec eleifend est mollis ligula lobortis, tempus ultricies sapien
-        lacinia.
+        Semantic paragraph with an
+        <a href="#">inline link</a>
+        that inherits body typography. Lorem ipsum dolor sit amet, consectetur
+        adipiscing elit. Donec eleifend est mollis ligula lobortis, tempus
+        ultricies sapien lacinia.
       </p>
       <h3>Semantic H3</h3>
       <p>
@@ -266,3 +269,23 @@ export const ProseContainer: Story = {
     </div>
   `,
 };
+
+/**
+ * Link lists in footers, sidebars, and navigation regions use
+ * `.swc-Typography--links` so child `<a href>` elements receive default link
+ * styling without per-link classes. See [Link migration guide](/docs/link-migration-guide--docs)
+ * for modifier classes on individual anchors.
+ */
+export const LinkList: Story = {
+  tags: ['options'],
+  render: () => html`
+    <ul
+      class="swc-Typography--links"
+      style="list-style: none; padding: 0; margin: 0;"
+    >
+      <li><a href="#">Privacy policy</a></li>
+      <li><a href="#">Terms of use</a></li>
+      <li><a href="#">Contact support</a></li>
+    </ul>
+  `,
+};
diff --git a/2nd-gen/packages/swc/package.json b/2nd-gen/packages/swc/package.json
index dc0f0167ab1..0399dfa6b4a 100644
--- a/2nd-gen/packages/swc/package.json
+++ b/2nd-gen/packages/swc/package.json
@@ -41,6 +41,12 @@
     "./global-elements.css": {
       "default": "./dist/global-elements.css"
     },
+    "./global-link.css": {
+      "default": "./dist/global-link.css"
+    },
+    "./link.css": {
+      "default": "./dist/link.css"
+    },
     "./patterns/*": {
       "types": "./dist/patterns/*/index.d.ts",
       "import": "./dist/patterns/*/index.js"
diff --git a/2nd-gen/packages/swc/stylesheets/global/global-link.css b/2nd-gen/packages/swc/stylesheets/global/global-link.css
new file mode 100644
index 00000000000..c98a8a3344b
--- /dev/null
+++ b/2nd-gen/packages/swc/stylesheets/global/global-link.css
@@ -0,0 +1,109 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+/**
+ * Opt-in baseline styling for bare `<a href>` elements application-wide.
+ *
+ * Import explicitly when the app should apply standalone Spectrum link presentation
+ * without a wrapper class or per-link BEM classes. Not included in `swc.css` and
+ * intentionally outside cascade layers so it remains easy to override.
+ *
+ * Modifier classes (`.swc-Link--secondary`, etc.) live in `link.css` — import that
+ * file alongside this one when anchors need explicit presentation control.
+ */
+
+@import url("../link.css");
+
+@media (forced-colors: active) {
+  a:where(:not([class])) {
+    --_swc-link-high-contrast-text-color: LinkText;
+    --_swc-link-high-contrast-focus-indicator-color: LinkText;
+  }
+}
+
+a:where(:not([class])) {
+  --_swc-link-focus-indicator-thickness: token("focus-indicator-thickness");
+  --_swc-link-focus-indicator-gap: token("focus-indicator-gap");
+  --_swc-link-corner-radius: token("corner-radius-100");
+  --_swc-link-font-family: token("sans-serif-font");
+  --_swc-link-line-height: token("line-height-100");
+  --_swc-link-line-height-cjk: token("cjk-line-height-100");
+  --_swc-link-font-size: token("font-size-100");
+  --_swc-link-font-style: token("default-font-style");
+  --_swc-link-font-weight: token("medium-font-weight");
+  --_swc-link-inline-font-weight: token("regular-font-weight");
+  --_swc-link-text-underline-thickness: token("text-underline-thickness");
+  --_swc-link-text-underline-gap: token("text-underline-gap");
+  --_swc-link-text-color: var(
+    --swc-link-text-color,
+    token("accent-content-color-default")
+  );
+
+  text-decoration-skip: objects;
+  font-family: var(--swc-link-font-family, var(--_swc-link-font-family));
+  font-size: var(--swc-link-font-size, var(--_swc-link-font-size));
+  font-style: var(--swc-link-font-style, var(--_swc-link-font-style));
+  font-weight: var(--swc-link-font-weight, var(--_swc-link-font-weight));
+  line-height: var(--swc-link-line-height, var(--_swc-link-line-height));
+  color: var(--_swc-link-high-contrast-text-color, var(--_swc-link-text-color));
+  text-decoration: underline;
+  text-decoration-thickness: var(
+    --swc-link-text-underline-thickness,
+    var(--_swc-link-text-underline-thickness)
+  );
+  text-underline-offset: var(
+    --swc-link-text-underline-gap,
+    var(--_swc-link-text-underline-gap)
+  );
+  background-color: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: color token("animation-duration-100") ease-in-out;
+
+  &:hover {
+    --_swc-link-text-color: var(
+      --swc-link-text-color-hover,
+      token("accent-content-color-hover")
+    );
+  }
+
+  &:active {
+    --_swc-link-text-color: var(
+      --swc-link-text-color-down,
+      token("accent-content-color-down")
+    );
+  }
+
+  &:focus-visible {
+    --_swc-link-text-color: var(
+      --swc-link-text-color-focus,
+      token("accent-content-color-key-focus")
+    );
+    
+    border-radius: var(--swc-link-corner-radius, var(--_swc-link-corner-radius));
+    outline: var(--_swc-link-focus-indicator-thickness) solid
+      var(
+        --_swc-link-high-contrast-focus-indicator-color,
+        var(--swc-link-focus-indicator-color, token("focus-indicator-color"))
+      );
+    outline-offset: var(--_swc-link-focus-indicator-gap);
+  }
+
+  &:lang(ja),
+  &:lang(zh),
+  &:lang(ko) {
+    line-height: var(
+      --swc-link-line-height-cjk,
+      var(--_swc-link-line-height-cjk)
+    );
+  }
+}
diff --git a/2nd-gen/packages/swc/stylesheets/link.css b/2nd-gen/packages/swc/stylesheets/link.css
new file mode 100644
index 00000000000..6f082294655
--- /dev/null
+++ b/2nd-gen/packages/swc/stylesheets/link.css
@@ -0,0 +1,125 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+/**
+ * Standalone link presentation for native `<a href>` elements.
+ *
+ * Default anchor appearance inside `.swc-Typography--prose` and
+ * `.swc-Typography--links` ships with `typography.css` (generated). Import this
+ * stylesheet when authors need explicit BEM modifiers on anchors.
+ *
+ * @cssprop --swc-link-text-color - Link text color
+ * @cssprop --swc-link-text-color-hover - Link text color on hover
+ * @cssprop --swc-link-text-color-down - Link text color on active
+ * @cssprop --swc-link-text-color-focus - Link text color on focus-visible
+ * @cssprop --swc-link-focus-indicator-color - Focus ring color
+ * @cssprop --swc-link-font-family - Standalone link font family
+ * @cssprop --swc-link-font-size - Standalone link font size
+ * @cssprop --swc-link-font-weight - Standalone link font weight
+ * @cssprop --swc-link-inline-font-weight - Inline link font weight override
+ * @cssprop --swc-link-line-height - Standalone link line height
+ * @cssprop --swc-link-line-height-cjk - CJK standalone link line height
+ */
+
+@media (forced-colors: active) {
+  .swc-Link {
+    --_swc-link-high-contrast-text-color: LinkText;
+    --_swc-link-high-contrast-focus-indicator-color: LinkText;
+  }
+}
+
+.swc-Link {
+  --_swc-link-focus-indicator-thickness: token("focus-indicator-thickness");
+  --_swc-link-focus-indicator-gap: token("focus-indicator-gap");
+  --_swc-link-corner-radius: token("corner-radius-100");
+  --_swc-link-font-family: token("sans-serif-font");
+  --_swc-link-line-height: token("line-height-100");
+  --_swc-link-line-height-cjk: token("cjk-line-height-100");
+  --_swc-link-font-size: token("font-size-100");
+  --_swc-link-font-style: token("default-font-style");
+  --_swc-link-font-weight: token("medium-font-weight");
+  --_swc-link-inline-font-weight: token("regular-font-weight");
+  --_swc-link-text-underline-thickness: token("text-underline-thickness");
+  --_swc-link-text-underline-gap: token("text-underline-gap");
+  --_swc-link-text-color: var(--swc-link-text-color, token("accent-content-color-default"));
+
+  font-family: var(--swc-link-font-family, var(--_swc-link-font-family));
+  font-size: var(--swc-link-font-size, var(--_swc-link-font-size));
+  font-style: var(--swc-link-font-style, var(--_swc-link-font-style));
+  font-weight: var(--swc-link-font-weight, var(--_swc-link-font-weight));
+  line-height: var(--swc-link-line-height, var(--_swc-link-line-height));
+  color: var(--_swc-link-high-contrast-text-color, var(--_swc-link-text-color));
+  text-decoration: underline;
+  text-decoration-thickness: var(--swc-link-text-underline-thickness, var(--_swc-link-text-underline-thickness));
+  text-underline-offset: var(--swc-link-text-underline-gap, var(--_swc-link-text-underline-gap));
+  background-color: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: color token("animation-duration-100") ease-in-out;
+
+  &:hover {
+    --_swc-link-text-color: var(--swc-link-text-color-hover, token("accent-content-color-hover"));
+  }
+
+  &:active {
+    --_swc-link-text-color: var(--swc-link-text-color-down, token("accent-content-color-down"));
+  }
+
+  &:focus-visible {
+    --_swc-link-text-color: var(--swc-link-text-color-focus, token("accent-content-color-key-focus"));
+
+    border-radius: var(--swc-link-corner-radius, var(--_swc-link-corner-radius));
+    outline: var(--_swc-link-focus-indicator-thickness) solid var(--_swc-link-high-contrast-focus-indicator-color, var(--swc-link-focus-indicator-color, token("focus-indicator-color")));
+    outline-offset: var(--_swc-link-focus-indicator-gap);
+  }
+
+  &:lang(ja),
+  &:lang(zh),
+  &:lang(ko) {
+    line-height: var(--swc-link-line-height-cjk, var(--_swc-link-line-height-cjk));
+  }
+}
+
+.swc-Link--inline {
+  font-weight: var(--swc-link-inline-font-weight, var(--_swc-link-inline-font-weight));
+}
+
+.swc-Link--secondary {
+  --swc-link-text-color: token("neutral-content-color-default");
+  --swc-link-text-color-hover: token("neutral-content-color-hover");
+  --swc-link-text-color-down: token("neutral-content-color-down");
+  --swc-link-text-color-focus: token("neutral-content-color-key-focus");
+}
+
+.swc-Link--quiet.swc-Link--standalone {
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.swc-Link--staticWhite {
+  --swc-link-text-color: token("white");
+  --swc-link-text-color-hover: token("white");
+  --swc-link-text-color-down: token("white");
+  --swc-link-text-color-focus: token("white");
+  --swc-link-focus-indicator-color: token("static-white-focus-indicator-color");
+}
+
+.swc-Link--staticBlack {
+  --swc-link-text-color: token("black");
+  --swc-link-text-color-hover: token("black");
+  --swc-link-text-color-down: token("black");
+  --swc-link-text-color-focus: token("black");
+  --swc-link-focus-indicator-color: token("static-black-focus-indicator-color");
+}
diff --git a/2nd-gen/packages/swc/stylesheets/typography.css b/2nd-gen/packages/swc/stylesheets/typography.css
index cea8fde6770..5f3004f30f1 100644
--- a/2nd-gen/packages/swc/stylesheets/typography.css
+++ b/2nd-gen/packages/swc/stylesheets/typography.css
@@ -534,3 +534,41 @@
 .swc-Typography--emphasized:not(:lang(zh), :lang(ja), :lang(ko)) {
   font-style: token("italic-font-style");
 }
+
+/* =========================
+  Links (prose and link lists)
+  ========================= */
+.swc-Typography--prose :where(a),
+.swc-Typography--links :where(a) {
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  color: var(--swc-typography-link-text-color, token("accent-content-color-default"));
+  text-decoration: underline;
+  text-decoration-thickness: var(--swc-typography-link-text-underline-thickness, token("text-underline-thickness"));
+  text-underline-offset: var(--swc-typography-link-text-underline-gap, token("text-underline-gap"));
+  background-color: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: color token("animation-duration-100") ease-in-out;
+}
+
+.swc-Typography--prose :where(a):hover,
+.swc-Typography--links :where(a):hover {
+  color: var(--swc-typography-link-text-color-hover, token("accent-content-color-hover"));
+}
+
+.swc-Typography--prose :where(a):active,
+.swc-Typography--links :where(a):active {
+  color: var(--swc-typography-link-text-color-down, token("accent-content-color-down"));
+}
+
+.swc-Typography--prose :where(a):focus-visible,
+.swc-Typography--links :where(a):focus-visible {
+  color: var(--swc-typography-link-text-color-focus, token("accent-content-color-key-focus"));
+  border-radius: token("corner-radius-100");
+  outline: token("focus-indicator-thickness") solid var(--swc-typography-link-focus-indicator-color, token("focus-indicator-color"));
+  outline-offset: token("focus-indicator-gap");
+}
diff --git a/2nd-gen/packages/tools/swc-tokens/src/typography.js b/2nd-gen/packages/tools/swc-tokens/src/typography.js
index 1ecb47b2222..2d63b27a860 100644
--- a/2nd-gen/packages/tools/swc-tokens/src/typography.js
+++ b/2nd-gen/packages/tools/swc-tokens/src/typography.js
@@ -128,10 +128,70 @@ const CJK_OVERRIDES = {
 };
 
 const PROSE_CLASS = 'Typography--prose';
+const LINKS_CLASS = 'Typography--links';
+
 function proseSelector(prefix) {
   return `.${prefix}-${PROSE_CLASS}`;
 }
 
+function linksSelector(prefix) {
+  return `.${prefix}-${LINKS_CLASS}`;
+}
+
+/**
+ * Default native anchor appearance inside typography wrappers.
+ * Uses :where(a) so BEM modifiers from link.css can override.
+ */
+function generateTypographyAnchorRules(prefix) {
+  const prose = proseSelector(prefix);
+  const links = linksSelector(prefix);
+  const anchor = ':where(a)';
+  const wrapperSelectors = `${prose} ${anchor},\n${links} ${anchor}`;
+  const stateSelectors = (pseudo) =>
+    `${prose} ${anchor}${pseudo},\n${links} ${anchor}${pseudo}`;
+
+  const baseDecls = pickValidDecls({
+    'background-color': 'transparent',
+    'text-decoration-skip': 'objects',
+    'text-decoration': 'underline',
+    'text-decoration-thickness': `var(--${prefix}-typography-link-text-underline-thickness, token("text-underline-thickness"))`,
+    'text-underline-offset': `var(--${prefix}-typography-link-text-underline-gap, token("text-underline-gap"))`,
+    transition: `color token("animation-duration-100") ease-in-out`,
+    outline: 'none',
+    cursor: 'pointer',
+    color: `var(--${prefix}-typography-link-text-color, token("accent-content-color-default"))`,
+    'font-family': 'inherit',
+    'font-size': 'inherit',
+    'font-style': 'inherit',
+    'font-weight': 'inherit',
+    'line-height': 'inherit',
+  });
+
+  const hoverDecls = pickValidDecls({
+    color: `var(--${prefix}-typography-link-text-color-hover, token("accent-content-color-hover"))`,
+  });
+
+  const activeDecls = pickValidDecls({
+    color: `var(--${prefix}-typography-link-text-color-down, token("accent-content-color-down"))`,
+  });
+
+  const focusDecls = pickValidDecls({
+    color: `var(--${prefix}-typography-link-text-color-focus, token("accent-content-color-key-focus"))`,
+    outline: `token("focus-indicator-thickness") solid var(--${prefix}-typography-link-focus-indicator-color, token("focus-indicator-color"))`,
+    'outline-offset': 'token("focus-indicator-gap")',
+    'border-radius': 'token("corner-radius-100")',
+  });
+
+  return `/* =========================
+  Links (prose and link lists)
+  ========================= */
+${cssBlock(wrapperSelectors, baseDecls)}
+${cssBlock(stateSelectors(':hover'), hoverDecls)}
+${cssBlock(stateSelectors(':active'), activeDecls)}
+${cssBlock(stateSelectors(':focus-visible'), focusDecls)}
+`;
+}
+
 /**
  * Selector aliases let us "attach" semantic selectors to an existing variant/size class
  * without duplicating styling logic. These are only applied under the `--prose` container class.
@@ -785,6 +845,9 @@ export async function generateTypographyCssString(options = {}) {
   font-style: token("italic-font-style");
 }\n`;
 
+  out += '\n';
+  out += generateTypographyAnchorRules(prefix);
+
   return out;
 }