diff --git a/source/_imports/components/c-page.css b/source/_imports/components/c-page.css
new file mode 100644
index 000000000..e73704629
--- /dev/null
+++ b/source/_imports/components/c-page.css
@@ -0,0 +1,95 @@
+/*
+Pagination
+
+A navigation list of sequential page toggles with end cap links.
+
+Markup: c-page.html
+
+Styleguide Components.Pagination
+*/
+
+
+
+/* Pagination: Variables */
+
+.c-page-list {
+  --item-width: 2em;
+  --item-buffer: 3px;
+  --item-border: var(--global-border-width--normal); /* WARNING: assumption */
+}
+
+
+
+/* Pagination: List */
+
+.c-page-list {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  list-style: none;
+
+  font-size: 14px; /* TEMPORARY: Should be 14px and have commented rem value */
+}
+ul.c-page-list {
+  list-style: none;
+}
+
+/* Pagination: List: Constant Hover */
+
+.c-page-link--always-click {
+  position: relative;
+  box-sizing: content-box;
+}
+.c-page-link--always-click::before,
+.c-page-link--always-click::after {
+  --width: var(--item-buffer);
+  --vert-offset: calc( -1 * var(--item-border) );
+  --horz-offset: calc( 100% + var(--item-border) );
+
+  content: '';
+  width: var(--width);
+  position: absolute;
+  top: var(--vert-offset);
+  bottom: var(--vert-offset);
+}
+.c-page-link--always-click.c-button {
+  overflow: visible; /* overwrite `.c-button` so pseudo elements show */
+}
+.c-page-link--always-click::before { right: var(--horz-offset) }
+.c-page-link--always-click::after { left: var(--horz-offset) }
+
+
+
+
+
+/* Pagination: Item */
+
+.c-page-item              { margin-inline: var(--item-buffer) }
+.c-page-item:first-child  { margin-left: 0 }
+.c-page-item:last-child   { margin-right: 0 }
+
+/* Pagination: Item: Truncated */
+
+.c-page-item--etcetera {
+  min-width: var(--item-width);
+  margin-inline: 2px;
+  text-align: center;
+
+  cursor: default;
+}
+
+
+
+/* Pagination: End */
+
+.c-page-end { padding: 4px 12px }
+
+
+
+/* Pagination: Link */
+
+.c-page-link {
+  padding: 5px 0;
+  min-width: var(--item-width);
+  line-height: 1.2;
+}
diff --git a/source/_imports/components/c-page.html b/source/_imports/components/c-page.html
new file mode 100644
index 000000000..06453b73e
--- /dev/null
+++ b/source/_imports/components/c-page.html
@@ -0,0 +1,192 @@
+<!-- Pagination with one page -->
+<div class="c-page-list">
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    " disabled
+    type="button">&lt; Previous</button>
+    <button class="
+      c-button c-button--secondary c-button--is-active c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">1</button>
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    " disabled
+    type="button">Next &gt;</button>
+</div>
+
+<!-- Pagination with fewer than 7 pages -->
+<div class="c-page-list">
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    "
+    type="button">&lt; Previous</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">1</button>
+    <button class="
+      c-button c-button--secondary c-button--is-active c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">2</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">3</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">4</button>
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    "
+    type="button">Next &gt;</button>
+</div>
+
+<!-- Pagination with current page near start -->
+<div class="c-page-list">
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    "
+    type="button">&lt; Previous</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">1</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">2</button>
+    <button class="
+      c-button c-button--secondary c-button--is-active c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">3</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">4</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">5</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">6</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">7</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">8</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">9</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">10</button>
+  <span class="c-page-item--etcetera">...</span>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">20</button>
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    "
+    type="button">Next &gt;</button>
+</div>
+
+<!-- Pagination with current page near end -->
+<div class="c-page-list">
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    "
+    type="button">&lt; Previous</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">1</button>
+  <span class="c-page-item--etcetera">...</span>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">11</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">12</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">13</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">14</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">15</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">16</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">17</button>
+    <button class="
+      c-button c-button--secondary c-button--is-active c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">18</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">19</button>
+    <button class="
+      c-button c-button--secondary c-button--size-small
+      c-page-item c-page-link c-page-link--always-click
+      "
+      type="button">20</button>
+  <button class="
+    c-button c-button--as-link
+    c-page-end
+    "
+    type="button">Next &gt;</button>
+</div>