sscoble/speckl
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

fix: redo consulting-pipeline.svg — proper arrows and layout

Browse source
This commit is contained in:
Content Agent 2026-04-28 16:14:35 -07:00
parent 7b3a09f48a
commit c9b746d7d4
1 changed files with 42 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

74
docs/diagrams/consulting-pipeline.svg
View file

@ -1,47 +1,57 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 480">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 480">
<defs>
<marker id="arrow-down" markerWidth="10" markerHeight="7" refX="5" refY="7" orient="auto" fill="#3b82f6">
<polygon points="0 0, 10 0, 5 7"/>
<marker id="arr" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" fill="#3b82f6">
<polygon points="0 0, 10 3.5, 0 7"/>
</marker>
</defs>
<!-- Content Entry -->
<rect x="130" y="10" width="200" height="60" rx="8" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
<text x="230" y="36" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">Content Entry</text>
<text x="230" y="54" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="11">book, essay, workshop</text>
<rect x="125" y="10" width="250" height="55" rx="8" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
<text x="250" y="34" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">Content Entry</text>
<text x="250" y="52" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="11">book, essay, workshop</text>
<line x1="230" y1="70" x2="230" y2="105" stroke="#3b82f6" stroke-width="2" marker-end="url(#arrow-down)"/>
<!-- Arrow: Content Entry → First Call -->
<line x1="250" y1="65" x2="250" y2="95" stroke="#3b82f6" stroke-width="2" marker-end="url(#arr)"/>
<!-- First Call -->
<rect x="105" y="110" width="250" height="60" rx="8" fill="#1e3a5f" stroke="#f59e0b" stroke-width="2"/>
<text x="230" y="136" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">First Call</text>
<text x="230" y="154" text-anchor="middle" fill="#fbbf24" font-family="system-ui, sans-serif" font-size="11">"What do you do?" → 1-liner</text>
<rect x="100" y="100" width="300" height="55" rx="8" fill="#1e3a5f" stroke="#f59e0b" stroke-width="2"/>
<text x="250" y="124" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">First Call</text>
<text x="250" y="142" text-anchor="middle" fill="#fbbf24" font-family="system-ui, sans-serif" font-size="11">"What do you do?" → 1-liner</text>
<line x1="230" y1="170" x2="230" y2="205" stroke="#3b82f6" stroke-width="2" marker-end="url(#arrow-down)"/>
<!-- Arrow: First Call → Package 1 -->
<line x1="250" y1="155" x2="250" y2="185" stroke="#3b82f6" stroke-width="2" marker-end="url(#arr)"/>
<!-- Package 1 -->
<rect x="105" y="210" width="250" height="60" rx="8" fill="#1e3a5f" stroke="#10b981" stroke-width="2"/>
<text x="230" y="236" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">Package 1: Assessment</text>
<text x="230" y="254" text-anchor="middle" fill="#6ee7b7" font-family="system-ui, sans-serif" font-size="11">$5K - $10K</text>
<!-- Package 1: Assessment -->
<rect x="100" y="190" width="300" height="55" rx="8" fill="#1e3a5f" stroke="#10b981" stroke-width="2"/>
<text x="250" y="214" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">Package 1: Assessment</text>
<text x="250" y="232" text-anchor="middle" fill="#6ee7b7" font-family="system-ui, sans-serif" font-size="11">$5K – $10K</text>
<!-- Branching lines from Package 1 -->
<line x1="230" y1="270" x2="230" y2="295" stroke="#3b82f6" stroke-width="2"/>
<line x1="80" y1="295" x2="380" y2="295" stroke="#3b82f6" stroke-width="2"/>
<line x1="80" y1="295" x2="80" y2="330" stroke="#3b82f6" stroke-width="2" marker-end="url(#arrow-down)"/>
<line x1="230" y1="295" x2="230" y2="330" stroke="#3b82f6" stroke-width="2" marker-end="url(#arrow-down)"/>
<line x1="380" y1="295" x2="380" y2="330" stroke="#3b82f6" stroke-width="2" marker-end="url(#arrow-down)"/>
<!-- Arrow: Package 1 → split point -->
<line x1="250" y1="245" x2="250" y2="270" stroke="#3b82f6" stroke-width="2"/>
<!-- Horizontal split line -->
<line x1="85" y1="270" x2="415" y2="270" stroke="#3b82f6" stroke-width="2"/>
<!-- Down to Package 2 -->
<line x1="85" y1="270" x2="85" y2="300" stroke="#3b82f6" stroke-width="2" marker-end="url(#arr)"/>
<!-- Down to Package 3 -->
<line x1="250" y1="270" x2="250" y2="300" stroke="#3b82f6" stroke-width="2" marker-end="url(#arr)"/>
<!-- Down to Both -->
<line x1="415" y1="270" x2="415" y2="300" stroke="#3b82f6" stroke-width="2" marker-end="url(#arr)"/>
<!-- Package 2 -->
<rect x="10" y="335" width="210" height="65" rx="8" fill="#1e3a5f" stroke="#8b5cf6" stroke-width="2"/>
<text x="115" y="361" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="13" font-weight="bold">Package 2: Speckl</text>
<text x="115" y="379" text-anchor="middle" fill="#c4b5fd" font-family="system-ui, sans-serif" font-size="11">$30K - $50K</text>
<!-- Package 2: Speckl -->
<rect x="10" y="305" width="150" height="70" rx="8" fill="#1e3a5f" stroke="#8b5cf6" stroke-width="2"/>
<text x="85" y="333" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="13" font-weight="bold">Package 2</text>
<text x="85" y="353" text-anchor="middle" fill="#c4b5fd" font-family="system-ui, sans-serif" font-size="12">Speckl</text>
<text x="85" y="369" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="11">$30K – $50K</text>
<!-- Package 3 -->
<rect x="240" y="335" width="210" height="65" rx="8" fill="#1e3a5f" stroke="#ec4899" stroke-width="2"/>
<text x="345" y="361" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="13" font-weight="bold">Package 3: Fractional</text>
<text x="345" y="379" text-anchor="middle" fill="#f9a8d4" font-family="system-ui, sans-serif" font-size="11">$10K - $15K /mo</text>
<!-- Package 3: Fractional -->
<rect x="175" y="305" width="150" height="70" rx="8" fill="#1e3a5f" stroke="#ec4899" stroke-width="2"/>
<text x="250" y="333" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="13" font-weight="bold">Package 3</text>
<text x="250" y="353" text-anchor="middle" fill="#f9a8d4" font-family="system-ui, sans-serif" font-size="12">Fractional</text>
<text x="250" y="369" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="11">$10K – $15K/mo</text>
<!-- Both (P2 → P3) -->
<rect x="125" y="420" width="210" height="40" rx="8" fill="#1e3a5f" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="5,3"/>
<text x="230" y="445" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="12">Both (P2 → P3)</text>
</svg>
<rect x="340" y="305" width="150" height="70" rx="8" fill="#1e3a5f" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="5,3"/>
<text x="415" y="333" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="13" font-weight="bold">Both</text>
<text x="415" y="353" text-anchor="middle" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="12">P2 → P3</text>
<text x="415" y="369" text-anchor="middle" fill="#64748b" font-family="system-ui, sans-serif" font-size="11">Full engagement</text>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 4 KiB

Before After
Before After