@tangle-network/brand 1.31.9 → 1.31.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.31.10
+
+### Patch Changes
+
+- dfba0b0: Ship one Tangle icon set (an opaque 180x180 apple-touch-icon, SVG favicon and ICO) and the head links that name it.
+
 ## 1.31.9
 
 ### Patch Changes

package/dist/social.d.ts

@@ -47,4 +47,21 @@ export type PageMetadataTag = SocialMetaTag | {
 export declare function pageMetadata<Descriptor extends object = never>(page: SocialPage, { pathname, overrides }?: {
   pathname?: string;
   overrides?: readonly Descriptor[];
-}): Array<PageMetadataTag | Descriptor>;
+}): Array<PageMetadataTag | Descriptor>;
+/** Head links for the Tangle icon set. Copy `src/assets/icons/` unchanged into the site root;
+ * `/favicon.ico` and `/apple-touch-icon.png` also answer clients that skip these links.
+ * A new artwork gets a new version in the linked names.
+ */
+export declare const iconLinks: readonly [{
+  readonly rel: "icon";
+  readonly href: "/favicon.ico";
+  readonly sizes: "32x32";
+}, {
+  readonly rel: "icon";
+  readonly href: "/favicon-v1.svg";
+  readonly type: "image/svg+xml";
+}, {
+  readonly rel: "apple-touch-icon";
+  readonly href: "/apple-touch-icon-v1.png";
+  readonly sizes: "180x180";
+}];

package/dist/social.js

@@ -141,4 +141,25 @@ function pageMetadata(page, { pathname, overrides = [] } = {}) {
 		...extra
 	];
 }
-export { pageMetadata, socialMetadata };
+/** Head links for the Tangle icon set. Copy `src/assets/icons/` unchanged into the site root;
+* `/favicon.ico` and `/apple-touch-icon.png` also answer clients that skip these links.
+* A new artwork gets a new version in the linked names.
+*/
+const iconLinks = [
+	{
+		rel: "icon",
+		href: "/favicon.ico",
+		sizes: "32x32"
+	},
+	{
+		rel: "icon",
+		href: "/favicon-v1.svg",
+		type: "image/svg+xml"
+	},
+	{
+		rel: "apple-touch-icon",
+		href: "/apple-touch-icon-v1.png",
+		sizes: "180x180"
+	}
+];
+export { iconLinks, pageMetadata, socialMetadata };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/brand",
-  "version": "1.31.9",
+  "version": "1.31.10",
   "description": "Tangle brand system — design tokens, logo, Tailwind v4 theme. Single source of truth for every Tangle app.",
   "type": "module",
   "license": "MIT",

package/src/assets/README.md

@@ -4,3 +4,8 @@
 The company compliance handoff identifies SOC 2 Type II with A-LIGN; Drew confirmed the audit passed on October 1, 2026.
 Link the badge to the [Tangle Trust Center](https://app.vanta.com/tangle.tools/trust/kzhjp5g62vhwoalztadtz).
 Copy this SVG unchanged into each app's static assets; this source asset does not require a component or dependency migration.
+
+# Icons
+
+`icons/` is the icon set every Tangle site serves: copy it unchanged into the site root and link it with `iconLinks` from `@tangle-network/brand/social`.
+The touch icon is the tangle.tools knot on its #F2F3FF disc colour, opaque edge to edge so iOS can apply its own mask.

package/src/assets/icons/favicon-v1.svg

@@ -0,0 +1,20 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" rx="256" fill="#F2F3FF"/>
+<g clip-path="url(#clip0_8319_8805)">
+<path d="M426.667 340.904C426.682 323.846 418.94 307.479 405.14 295.396C391.34 283.313 372.61 276.503 353.061 276.459L271.449 276.459C270.936 269.822 270.613 263.035 270.613 256C270.613 248.965 270.29 242.212 269.833 235.541L353.061 235.541C372.44 235.27 390.92 228.362 404.515 216.307C418.11 204.252 425.729 188.017 425.729 171.104C425.729 154.191 418.11 137.956 404.515 125.901C390.92 113.846 372.44 106.938 353.061 106.667L158.008 106.667C138.628 106.938 120.148 113.846 106.553 125.901C92.9586 137.956 85.3395 154.191 85.3395 171.104C85.3395 188.017 92.9586 204.252 106.553 216.307C120.148 228.362 138.628 235.27 158.008 235.541L234.667 237.333C240 237.333 240.456 248.965 240.456 256C240.456 263.035 240.779 269.789 241.235 276.459L158.008 276.459C138.628 276.73 120.148 283.638 106.553 295.693C92.9586 307.748 85.3395 323.983 85.3395 340.896C85.3395 357.809 92.9586 374.044 106.553 386.099C120.148 398.154 138.628 405.062 158.008 405.333L353.061 405.333C372.606 405.289 391.334 398.481 405.133 386.402C418.932 374.323 426.677 357.96 426.667 340.904ZM396.509 171.096C396.514 181.163 391.943 190.821 383.797 197.951C375.652 205.081 364.598 209.1 353.061 209.126L266.639 209.126C263.508 190.273 257.543 171.863 248.898 154.37C245.086 146.792 240.206 139.657 234.371 133.132L353.061 133.132C364.585 133.158 375.627 137.168 383.77 144.283C391.914 151.399 396.494 161.04 396.509 171.096ZM158.008 209.126C146.449 209.126 135.364 205.119 127.191 197.987C119.018 190.855 114.426 181.182 114.426 171.096C114.426 161.01 119.018 151.336 127.191 144.204C135.364 137.072 146.449 133.066 158.008 133.066L177.574 133.066C194.858 133.066 211.23 145.012 221.422 165.039C228.399 179.151 233.361 193.958 236.196 209.126L158.008 209.126ZM114.559 340.904C114.554 330.837 119.126 321.179 127.271 314.049C135.417 306.919 146.471 302.901 158.008 302.874L244.43 302.874C247.56 321.727 253.525 340.137 262.17 357.63C265.982 365.209 270.862 372.343 276.698 378.868L158.008 378.868C146.484 378.842 135.441 374.832 127.298 367.717C119.155 360.601 114.574 350.96 114.559 340.904ZM289.761 346.961C282.784 332.849 277.822 318.043 274.986 302.874L353.061 302.874C364.619 302.874 375.705 306.881 383.878 314.013C392.051 321.145 396.642 330.818 396.642 340.904C396.642 350.991 392.051 360.664 383.878 367.796C375.704 374.928 364.619 378.935 353.061 378.935L333.495 378.935C316.286 378.935 299.915 366.988 289.761 346.961Z" fill="url(#paint0_linear_8319_8805)"/>
+<path opacity="0.8" d="M426.667 171.096C426.682 188.154 418.94 204.521 405.139 216.604C391.339 228.687 372.609 235.497 353.059 235.541L271.447 235.541C270.933 242.178 270.61 248.965 270.61 256C270.61 263.035 270.287 269.788 269.83 276.459L353.059 276.459C372.439 276.73 390.92 283.638 404.515 295.693C418.11 307.748 425.729 323.983 425.729 340.896C425.729 357.809 418.11 374.044 404.515 386.099C390.92 398.154 372.439 405.062 353.059 405.333L158.003 405.333C138.623 405.062 120.142 398.154 106.548 386.099C92.9527 374.044 85.3334 357.809 85.3334 340.896C85.3334 323.983 92.9527 307.748 106.548 295.693C120.142 283.638 138.623 276.73 158.003 276.459L234.663 274.667C239.997 274.667 240.452 263.035 240.452 256C240.452 248.965 240.775 242.211 241.232 235.541L158.003 235.541C138.623 235.27 120.142 228.362 106.548 216.307C92.9527 204.252 85.3334 188.017 85.3334 171.104C85.3334 154.191 92.9527 137.956 106.548 125.901C120.142 113.846 138.623 106.938 158.003 106.667L353.059 106.667C372.605 106.711 391.333 113.519 405.133 125.598C418.932 137.677 426.677 154.04 426.667 171.096ZM396.509 340.904C396.514 330.837 391.942 321.179 383.796 314.049C375.651 306.919 364.597 302.9 353.059 302.874L266.636 302.874C263.505 321.727 257.54 340.137 248.895 357.63C245.083 365.208 240.203 372.343 234.367 378.868L353.059 378.868C364.584 378.842 375.626 374.832 383.77 367.717C391.913 360.601 396.494 350.96 396.509 340.904ZM158.003 302.874C146.444 302.874 135.359 306.881 127.185 314.013C119.012 321.145 114.42 330.818 114.42 340.904C114.42 350.99 119.012 360.664 127.185 367.796C135.359 374.928 146.444 378.934 158.003 378.934L177.569 378.934C194.854 378.934 211.226 366.988 221.418 346.961C228.395 332.849 233.357 318.042 236.193 302.874L158.003 302.874ZM114.554 171.096C114.548 181.163 119.12 190.821 127.266 197.951C135.411 205.081 146.466 209.099 158.003 209.126L244.426 209.126C247.557 190.273 253.522 171.863 262.167 154.37C265.979 146.791 270.86 139.657 276.695 133.132L158.003 133.132C146.479 133.158 135.436 137.168 127.293 144.283C119.149 151.399 114.569 161.04 114.554 171.096ZM289.758 165.039C282.781 179.151 277.819 193.957 274.984 209.126L353.059 209.126C364.618 209.126 375.704 205.119 383.877 197.987C392.05 190.855 396.642 181.182 396.642 171.096C396.642 161.009 392.05 151.336 383.877 144.204C375.704 137.072 364.618 133.065 353.059 133.065L333.493 133.065C316.284 133.065 299.912 145.012 289.758 165.039Z" fill="url(#paint1_linear_8319_8805)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_8319_8805" x1="110.769" y1="125.582" x2="368.31" y2="419.914" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8E59FF"/>
+<stop offset="1" stop-color="#6888F9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8319_8805" x1="110.764" y1="386.418" x2="368.304" y2="92.0811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8E59FF"/>
+<stop offset="1" stop-color="#6888F9"/>
+</linearGradient>
+<clipPath id="clip0_8319_8805">
+<rect width="298.667" height="341.333" fill="white" transform="translate(426.667 106.667) rotate(90)"/>
+</clipPath>
+</defs>
+</svg>

package/src/social.ts

@@ -125,3 +125,13 @@ export function pageMetadata<Descriptor extends object = never>(
     ...extra,
   ];
 }
+
+/** Head links for the Tangle icon set. Copy `src/assets/icons/` unchanged into the site root;
+ * `/favicon.ico` and `/apple-touch-icon.png` also answer clients that skip these links.
+ * A new artwork gets a new version in the linked names.
+ */
+export const iconLinks = [
+  { rel: "icon", href: "/favicon.ico", sizes: "32x32" },
+  { rel: "icon", href: "/favicon-v1.svg", type: "image/svg+xml" },
+  { rel: "apple-touch-icon", href: "/apple-touch-icon-v1.png", sizes: "180x180" },
+] as const;