feat(html): add branded storybook icon links in intro and readme

Author: Kurt Medley

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Cedar One Changelog
 
+## 0.1.43-alpha.0 - 2026-02-09
+
+- Added branded SVG social/framework icon assets under `docs/assets/icons`.
+- Updated HTML Storybook introduction and README with icon-based links to HTML, Vue, and React Storybooks.
+- Added shared Storybook utility support for end-justified flex layouts.
+
 ## 0.1.42-alpha.0 - 2026-02-09
 
 - Updated workspace dependencies to latest compatible versions, including Storybook `10.2.7` packages.

README.md

@@ -13,11 +13,21 @@ and shared across platforms. Behavior and validation are pushed into build-time
 tooling and small, explicit adapters, keeping runtime output lean, predictable,
 and portable.
 
-Explore the system:
+<br>
 
-- [HTML](https://rei.github.io/rei-cedar-one/html)
-- [Vue](https://rei.github.io/rei-cedar-one/vue)
-- [React](https://rei.github.io/rei-cedar-one/react)
+<p align="center">
+  <a href="https://rei.github.io/rei-cedar-one/html/">
+    <img src="docs/assets/icons/html5.svg" alt="HTML Storybook" title="HTML Storybook" width="24" height="24" />
+  </a>
+  &nbsp;&nbsp;&nbsp;
+  <a href="https://rei.github.io/rei-cedar-one/vue/">
+    <img src="docs/assets/icons/vue.svg" alt="Vue Storybook" title="Vue Storybook" width="24" height="24" />
+  </a>
+  &nbsp;&nbsp;&nbsp;
+  <a href="https://rei.github.io/rei-cedar-one/react/">
+    <img src="docs/assets/icons/react.svg" alt="React Storybook" title="React Storybook" width="24" height="24" />
+  </a>
+</p>
 
 ## Packages
 

apps/html/CHANGELOG.md

@@ -1,5 +1,10 @@
 # @rei/c1-html Changelog
 
+## 0.1.23-alpha.0 - 2026-02-09
+
+- Added branded icon links in the HTML Storybook introduction for HTML, Vue, and React Storybook entry points.
+- Refined intro icon layout utilities and spacing for improved presentation.
+
 ## 0.1.22-alpha.0 - 2026-02-08
 
 - Added explicit docs classification metadata to every HTML story (`parameters.c1Meta.classification`).

apps/html/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rei/c1-html",
-  "version": "0.1.22-alpha.0",
+  "version": "0.1.23-alpha.0",
   "private": true,
   "scripts": {
     "lint": "eslint .",

apps/html/stories/Introduction.mdx

@@ -142,4 +142,52 @@ Cedar One is guided by a small set of system-level principles that shape how com
 
 Together, these principles keep the system portable, predictable, and performant as platforms and frameworks evolve.
 
+<div className="c1-story-flex c1-story-justify-center c1-story-gap-12 c1-story-align-center c1-story-my-48">
+  <a
+    className="cdr-link cdr-link--standalone"
+    href="https://github.com/rei/rei-cedar-one"
+    target="_blank"
+    rel="noreferrer"
+    aria-label="Cedar One on GitHub"
+  >
+    <img
+      className="cdr-not-prose"
+      src="assets/icons/github.svg"
+      width="24"
+      height="24"
+      alt="GitHub"
+    />
+  </a>
+  <a
+    className="cdr-link cdr-link--standalone"
+    href="https://rei.github.io/rei-cedar-one/vue/"
+    target="_blank"
+    rel="noreferrer"
+    aria-label="Vue Storybook"
+  >
+    <img
+      className="cdr-not-prose"
+      src="assets/icons/vue.svg"
+      width="24"
+      height="24"
+      alt="Vue Storybook"
+    />
+  </a>
+  <a
+    className="cdr-link cdr-link--standalone"
+    href="https://rei.github.io/rei-cedar-one/react/"
+    target="_blank"
+    rel="noreferrer"
+    aria-label="React Storybook"
+  >
+    <img
+      className="cdr-not-prose"
+      src="assets/icons/react.svg"
+      width="24"
+      height="24"
+      alt="React Storybook"
+    />
+  </a>
+</div>
+
 </div>

apps/storybook/storybook.css

@@ -106,6 +106,10 @@
   justify-content: center;
 }
 
+.c1-story-justify-end {
+  justify-content: flex-end;
+}
+
 .c1-story-justify-start {
   justify-items: start;
 }