f9696ac503
Now that demo.pcbjam.com is live, the landing page leads with it instead
of "coming soon":
- Hero: "Open the live demo" is the primary CTA; the coming-soon panel is
replaced by a DemoLaunchCard (screenshot + play overlay, new tab — the
editor needs COOP/COEP so it can never be iframed here); waitlist demoted
to a ghost button under a "Want early access to multiplayer?" lead-in.
- Removed the Gerber demo and positioning-map sections, then restored the
positioning map per review — recolored for light theme and without the
multiplayer badge/legend ("Everyone picks one. We do both.").
- Light theme: flipped the :root ink tokens, darkened accent/signal for
contrast on white; fixed two dark-assumption bugs it exposed (header CTA
text losing to .nav>a specificity, DemoVideo play scrim derived from --bg).
- Copy: positioned around what's live (real KiCad in a tab) with
multiplayer explicitly "coming — join the waitlist"; cut untrue claims
(GitHub import, self-host, offline PWA -> roadmap); cut the jam metaphor
outside the product name; TrustBar fake-stat grid -> plain claims strip;
footer tagline + fallback meta description aligned.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01REwWZGkAz1AZUJw8yqxkCN
54 lines
2.8 KiB
XML
54 lines
2.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 600" width="820" height="600" role="img" aria-labelledby="pq-title pq-desc" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
|
|
<title id="pq-title">PCB tool positioning map</title>
|
|
<desc id="pq-desc">A quadrant chart. The horizontal axis runs from desktop-install on the left to browser-native on the right; the vertical axis from proprietary at the bottom to open at the top. LibrePCB and KiCad sit top-left (open but desktop). KiCanvas sits top-right but is viewer-only. Flux and EasyEDA sit bottom-right (browser but proprietary). Altium 365 and OrCAD X sit bottom-left (desktop and proprietary). PCBJam sits alone in the top-right as the only full editor that is both browser-native and open.</desc>
|
|
|
|
<!-- panel -->
|
|
<rect x="8" y="8" width="804" height="584" rx="16" fill="#f4f7fc" stroke="#d9e1f0" stroke-width="1"/>
|
|
|
|
<!-- top-right "whitespace" tint -->
|
|
<rect x="410" y="64" width="338" height="232" fill="#4f7cff" fill-opacity="0.09"/>
|
|
|
|
<!-- axes -->
|
|
<g stroke="#aebad2" stroke-width="2" fill="#aebad2">
|
|
<line x1="80" y1="296" x2="748" y2="296"/>
|
|
<line x1="410" y1="64" x2="410" y2="528"/>
|
|
<polygon points="748,296 734,289 734,303" stroke="none"/>
|
|
<polygon points="80,296 94,289 94,303" stroke="none"/>
|
|
<polygon points="410,64 403,78 417,78" stroke="none"/>
|
|
<polygon points="410,528 403,514 417,514" stroke="none"/>
|
|
</g>
|
|
|
|
<!-- axis labels -->
|
|
<g fill="#5b6784" font-size="14" font-weight="600">
|
|
<text x="410" y="50" text-anchor="middle">Open & yours</text>
|
|
<text x="410" y="554" text-anchor="middle">Proprietary, locked-in</text>
|
|
<text x="92" y="316" text-anchor="start">Desktop install</text>
|
|
<text x="736" y="316" text-anchor="end">Browser-native</text>
|
|
</g>
|
|
|
|
<!-- competitors -->
|
|
<g fill="#8b98b3">
|
|
<circle cx="210" cy="150" r="5"/>
|
|
<circle cx="250" cy="205" r="5"/>
|
|
<circle cx="540" cy="200" r="5"/>
|
|
<circle cx="540" cy="372" r="5"/>
|
|
<circle cx="596" cy="440" r="5"/>
|
|
<circle cx="210" cy="388" r="5"/>
|
|
<circle cx="250" cy="448" r="5"/>
|
|
</g>
|
|
<g fill="#3d4a68" font-size="15">
|
|
<text x="224" y="155">LibrePCB</text>
|
|
<text x="264" y="210">KiCad</text>
|
|
<text x="554" y="205">KiCanvas</text>
|
|
<text x="554" y="377">Flux</text>
|
|
<text x="610" y="445">EasyEDA</text>
|
|
<text x="224" y="393">Altium 365</text>
|
|
<text x="264" y="453">OrCAD X</text>
|
|
</g>
|
|
<text x="554" y="222" font-size="11" fill="#8b98b3">viewer only</text>
|
|
|
|
<!-- PCBJam marker (the only browser-native + open editor) -->
|
|
<circle cx="590" cy="120" r="30" fill="#4f7cff" fill-opacity="0.12"/>
|
|
<text x="590" y="130" text-anchor="middle" font-size="30" fill="#2f57f5">★</text>
|
|
<text x="614" y="128" text-anchor="start" font-size="19" font-weight="700" fill="#101729">PCBJam</text>
|
|
</svg>
|