snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)

packages/twenty-docs/images/docs/developers/extends/apps/document-generator/how-it-fits.svg

@@ -0,0 +1,76 @@
+<svg width="900" height="380" viewBox="0 0 900 380" fill="none" xmlns="http://www.w3.org/2000/svg" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif">
+  <defs>
+    <linearGradient id="band" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="#1961ED"/>
+      <stop offset="1" stop-color="#6B9BFF"/>
+    </linearGradient>
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+      <feDropShadow dx="0" dy="6" stdDeviation="10" flood-color="#18274B" flood-opacity="0.10"/>
+    </filter>
+  </defs>
+
+  <!-- Template card -->
+  <g filter="url(#shadow)">
+    <rect x="40" y="70" width="200" height="180" rx="14" fill="#FFFFFF" stroke="#E4E9F4"/>
+    <rect x="40" y="70" width="200" height="8" rx="4" fill="#C4A2E0"/>
+    <text x="64" y="112" font-size="15" font-weight="700" fill="#10152A">Template</text>
+    <text x="64" y="140" font-size="12" fill="#7A46C6" font-family="monospace">Dear {{firstName}},</text>
+    <rect x="64" y="152" width="150" height="9" rx="4.5" fill="#EEF1F6"/>
+    <rect x="64" y="170" width="120" height="9" rx="4.5" fill="#EEF1F6"/>
+    <text x="64" y="200" font-size="12" fill="#7A46C6" font-family="monospace">{{company.name}}</text>
+    <rect x="64" y="212" width="140" height="9" rx="4.5" fill="#EEF1F6"/>
+  </g>
+  <text x="140" y="278" font-size="12.5" fill="#6B7280" text-anchor="middle">Write once, with placeholders</text>
+
+  <!-- Generate hub -->
+  <g>
+    <circle cx="450" cy="160" r="46" fill="#1961ED"/>
+    <circle cx="450" cy="160" r="46" fill="none" stroke="#1961ED" stroke-opacity="0.25" stroke-width="10"/>
+    <path d="M436 160l9 9 18-19" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+    <text x="450" y="230" font-size="14" font-weight="700" fill="#10152A" text-anchor="middle">Generate</text>
+  </g>
+
+  <!-- arrows -->
+  <path d="M248 160H392" stroke="#C4C9D6" stroke-width="2.5" stroke-linecap="round"/>
+  <path d="M384 154l10 6-10 6" fill="#C4C9D6"/>
+  <path d="M504 160H648" stroke="#C4C9D6" stroke-width="2.5" stroke-linecap="round"/>
+  <path d="M640 154l10 6-10 6" fill="#C4C9D6"/>
+
+  <!-- Document card -->
+  <g filter="url(#shadow)">
+    <rect x="660" y="60" width="200" height="200" rx="14" fill="#FFFFFF" stroke="#E4E9F4"/>
+    <rect x="660" y="60" width="200" height="8" rx="4" fill="url(#band)"/>
+    <text x="684" y="102" font-size="15" font-weight="700" fill="#10152A">Dear Ada,</text>
+    <rect x="684" y="116" width="150" height="9" rx="4.5" fill="#EEF1F6"/>
+    <rect x="684" y="134" width="150" height="9" rx="4.5" fill="#EEF1F6"/>
+    <rect x="684" y="152" width="110" height="9" rx="4.5" fill="#EEF1F6"/>
+    <rect x="684" y="178" width="60" height="9" rx="4.5" fill="#EEF1F6"/>
+    <rect x="684" y="196" width="140" height="9" rx="4.5" fill="#EEF1F6"/>
+    <g>
+      <rect x="756" y="216" width="80" height="26" rx="13" fill="#FDECEC"/>
+      <text x="796" y="233" font-size="12" font-weight="700" fill="#D6455D" text-anchor="middle">PDF file</text>
+    </g>
+  </g>
+  <text x="760" y="288" font-size="12.5" fill="#6B7280" text-anchor="middle">A polished, shareable document</text>
+
+  <!-- Trigger pills -->
+  <text x="450" y="312" font-size="12.5" fill="#6B7280" text-anchor="middle">Trigger it from anywhere</text>
+  <g font-size="12.5" font-weight="600" fill="#3A4256">
+    <g>
+      <rect x="196" y="330" width="120" height="34" rx="17" fill="#F4F6FB" stroke="#E4E9F4"/>
+      <text x="256" y="352" text-anchor="middle">Command menu</text>
+    </g>
+    <g>
+      <rect x="330" y="330" width="92" height="34" rx="17" fill="#F4F6FB" stroke="#E4E9F4"/>
+      <text x="376" y="352" text-anchor="middle">AI agent</text>
+    </g>
+    <g>
+      <rect x="436" y="330" width="128" height="34" rx="17" fill="#F4F6FB" stroke="#E4E9F4"/>
+      <text x="500" y="352" text-anchor="middle">Workflow step</text>
+    </g>
+    <g>
+      <rect x="578" y="330" width="126" height="34" rx="17" fill="#F4F6FB" stroke="#E4E9F4"/>
+      <text x="641" y="352" text-anchor="middle">Shareable link</text>
+    </g>
+  </g>
+</svg>