Rebrand product as Manyangles and add Authentik

apps/web/src/app/opengraph-image.tsx

@@ -9,7 +9,7 @@ export default function OpenGraphImage() {
     (
       <div
         style={{
-          background: "#f4eee4",
+          background: "#f4f1ea",
           width: "100%",
           height: "100%",
           display: "flex",
@@ -24,20 +24,19 @@ export default function OpenGraphImage() {
           viewBox="0 0 32 32"
           fill="none"
         >
-          <path
-            fill="#6b4032"
-            fillRule="evenodd"
-            d="M8.5 5h15A5.5 5.5 0 0 1 29 10.5v13A5.5 5.5 0 0 1 23.5 29h-15A5.5 5.5 0 0 1 3 23.5v-13A5.5 5.5 0 0 1 8.5 5Zm10.2 0 10.3 10.3V10.5A5.5 5.5 0 0 0 23.5 5h-4.8Z"
-          />
+          <path d="M14 4H8a4 4 0 0 0-4 4v6M18 4h6a4 4 0 0 1 4 4v6M28 18v6a4 4 0 0 1-4 4h-6M14 28H8a4 4 0 0 1-4-4v-6" fill="none" stroke="#3156c8" strokeWidth="2.5" strokeLinecap="round" />
+          <circle cx="21" cy="11" r="2" fill="#3156c8" />
+          <path d="m8.5 22 5-6.2a1.7 1.7 0 0 1 2.6-.1l2.6 2.9 1.7-1.8a1.7 1.7 0 0 1 2.5 0l1.6 1.8" fill="none" stroke="#3156c8" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" />
         </svg>
         <div
           style={{
             marginTop: 36,
             fontSize: 92,
             lineHeight: 1,
-            color: "#3a2a22",
+            color: "#18181b",
             fontFamily: "Georgia, serif",
-            letterSpacing: -1,
+            fontWeight: 600,
+            letterSpacing: -5,
           }}
         >
           {BRAND_NAME}
@@ -46,9 +45,10 @@ export default function OpenGraphImage() {
           style={{
             marginTop: 18,
             fontSize: 28,
-            color: "#8b5a4a",
-            letterSpacing: 6,
-            textTransform: "uppercase",
+            maxWidth: 760,
+            color: "#71717a",
+            lineHeight: 1.25,
+            letterSpacing: -1,
           }}
         >
           {BRAND_TAGLINE}