added on WebSTLs (webstls.com) at 2026-07-01 22:27:07
| 1 | <header class="landing-nav"> | |
| 2 | <div class="landing-nav-inner"> | |
| 3 | <a href="index.cgi" class="flex items-center gap-3" style="text-decoration:none"> | |
| 4 | <div class="brand-mark"><span>WS</span></div> | |
| 5 | <div class="brand-text"><span class="brand-name">WebSTLs</span><span class="brand-sub">Creator Platform</span></div> | |
| 6 | </a> | |
| 7 | <nav class="links"> | |
| 8 | <a href="features.cgi">Features</a> | |
| 9 | <a href="tour.cgi">Tour</a> | |
| 10 | <a href="why.cgi" class="text-brand">Why WebSTLs</a> | |
| 11 | <a href="pricing.cgi">Pricing</a> | |
| 12 | <a href="faq.cgi">FAQ</a> | |
| 13 | <a href="about.cgi">About</a> | |
| 14 | </nav> | |
| 15 | <div class="auth-actions"> | |
| 16 | <a href="login.cgi" class="btn btn-ghost btn-sm">Sign in</a> | |
| 17 | <a href="signup.cgi" class="btn btn-primary btn-sm">Start free trial</a> | |
| 18 | </div> | |
| 19 | </div> | |
| 20 | </header> | |
| 21 | ||
| 22 | <section class="hero" style="padding-bottom:30px"> | |
| 23 | <div class="hero-grid-bg"></div> | |
| 24 | <div class="hero-glow-1"></div> | |
| 25 | <div class="hero-glow-2"></div> | |
| 26 | <div class="hero-inner" style="grid-template-columns:1fr;text-align:center"> | |
| 27 | <div> | |
| 28 | <span class="hero-pill"><span class="dot"></span> Built for creators who treat this like a business</span> | |
| 29 | <h1 class="hero-title">Stop renting your audience <span class="grad">from marketplaces.</span></h1> | |
| 30 | <p class="hero-sub" style="max-width:680px;margin:18px auto 0"> | |
| 31 | Marketplaces are great for reach. They are bad at one thing: <strong>you don't own your customers.</strong> | |
| 32 | WebSTLs gives you the reach AND the relationship. | |
| 33 | </p> | |
| 34 | </div> | |
| 35 | </div> | |
| 36 | </section> | |
| 37 | ||
| 38 | <!-- ===== Pain table ===== --> | |
| 39 | <section class="section" style="max-width:1080px;margin:0 auto;padding:40px 32px"> | |
| 40 | <h2 class="section-title" style="font-size:30px;text-align:center;margin-bottom:8px">What changes when you run on WebSTLs</h2> | |
| 41 | <p class="section-sub" style="text-align:center;margin-bottom:32px">Honest comparison — not every problem disappears, but the ones that matter most do.</p> | |
| 42 | ||
| 43 | <div style="background:var(--col-surface-1);border:1px solid var(--col-border);border-radius:14px;overflow:hidden"> | |
| 44 | <table style="width:100%;border-collapse:collapse;font-size:14px"> | |
| 45 | <thead> | |
| 46 | <tr style="background:var(--col-surface-2)"> | |
| 47 | <th style="text-align:left;padding:14px 18px;color:var(--col-text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase">Pain</th> | |
| 48 | <th style="text-align:left;padding:14px 18px;color:var(--col-text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;width:38%">Marketplaces only</th> | |
| 49 | <th style="text-align:left;padding:14px 18px;color:var(--col-accent-bright);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;width:38%">With WebSTLs</th> | |
| 50 | </tr> | |
| 51 | </thead> | |
| 52 | <tbody style="color:var(--col-text-2);line-height:1.55"> | |
| 53 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Who owns the customer</td><td style="padding:14px 18px;vertical-align:top">The marketplace. You get an order, not a relationship.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">You do. Email, buyer account, repeat-purchase history, LTV — all yours.</td></tr> | |
| 54 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Platform fees on each sale</td><td style="padding:14px 18px;vertical-align:top">7–15% per sale + Stripe fee. Pricing power: zero.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">As low as 0% on Studio (storefront sales). You set the price.</td></tr> | |
| 55 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Cross-platform listing</td><td style="padding:14px 18px;vertical-align:top">Upload 4×, manage 4 dashboards, sync edits manually.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Upload once. Push to every marketplace with one click.</td></tr> | |
| 56 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Knowing what works</td><td style="padding:14px 18px;vertical-align:top">No data on price elasticity, page conversion, or which copy lifts revenue.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">A/B + price experiments built in. Real Bayesian stats. Find the actual winners.</td></tr> | |
| 57 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Customer reviews + comments</td><td style="padding:14px 18px;vertical-align:top">Scattered across 4 tabs. Easy to miss until they pile up.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Unified inbox. Reply once, we post back to the source under your handle.</td></tr> | |
| 58 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Pricing experiments</td><td style="padding:14px 18px;vertical-align:top">Bump the price and pray. Roll back if revenue tanks.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Bandit-driven price tests find the tier that maximizes revenue-per-visitor.</td></tr> | |
| 59 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Email list / re-marketing</td><td style="padding:14px 18px;vertical-align:top">Marketplace owns the buyer email. No re-marketing.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Built-in audience list, segments, broadcast, export.</td></tr> | |
| 60 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Refund handling</td><td style="padding:14px 18px;vertical-align:top">Refund to card, 5-10 business days, reconcile in books.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Issued as account credit, auto-applied to next bill. Clean.</td></tr> | |
| 61 | </tbody> | |
| 62 | </table> | |
| 63 | </div> | |
| 64 | </section> | |
| 65 | ||
| 66 | <!-- ===== Benefit blocks ===== --> | |
| 67 | <section class="section" style="max-width:1080px;margin:0 auto;padding:40px 32px"> | |
| 68 | <h2 class="section-title" style="font-size:30px;text-align:center;margin-bottom:32px">What you actually get</h2> | |
| 69 | <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px"> | |
| 70 | ||
| 71 | <div class="card" style="padding:22px"> | |
| 72 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#4ade80;margin-bottom:8px">Money</div> | |
| 73 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Keep more of every sale</h3> | |
| 74 | <p class="text-sm text-secondary" style="line-height:1.65">Marketplaces take 7–15% per sale + the buyer relationship. Our top tier takes 0% off storefront sales. Even our Free plan beats the typical marketplace fee on volume.</p> | |
| 75 | </div> | |
| 76 | ||
| 77 | <div class="card" style="padding:22px"> | |
| 78 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#60a5fa;margin-bottom:8px">Time</div> | |
| 79 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">One console, every channel</h3> | |
| 80 | <p class="text-sm text-secondary" style="line-height:1.65">Upload once, edit once, reply once. We sync to every marketplace you've connected. Stop juggling 4 dashboards.</p> | |
| 81 | </div> | |
| 82 | ||
| 83 | <div class="card" style="padding:22px"> | |
| 84 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#a78bfa;margin-bottom:8px">Customers</div> | |
| 85 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Own the relationship</h3> | |
| 86 | <p class="text-sm text-secondary" style="line-height:1.65">Buyer accounts, email lists, LTV per customer, repeat-cohort tracking. When a customer buys from your storefront, they are <em>your</em> customer.</p> | |
| 87 | </div> | |
| 88 | ||
| 89 | <div class="card" style="padding:22px"> | |
| 90 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#fbbf24;margin-bottom:8px">Growth</div> | |
| 91 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Tools to actually grow</h3> | |
| 92 | <p class="text-sm text-secondary" style="line-height:1.65">A/B testing, price experiments, pooled-data peer benchmarks, audience segments. The same toolkit enterprise teams use, without writing code.</p> | |
| 93 | </div> | |
| 94 | ||
| 95 | <div class="card" style="padding:22px"> | |
| 96 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#f472b6;margin-bottom:8px">Brand</div> | |
| 97 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">A real storefront, not a listing</h3> | |
| 98 | <p class="text-sm text-secondary" style="line-height:1.65">Your domain. Your colors. Your hero image. Your SEO. Your social-share card. Looks like your studio, not someone else's marketplace tab.</p> | |
| 99 | </div> | |
| 100 | ||
| 101 | <div class="card" style="padding:22px"> | |
| 102 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#22d3ee;margin-bottom:8px">Trust</div> | |
| 103 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Honest billing, never hidden</h3> | |
| 104 | <p class="text-sm text-secondary" style="line-height:1.65">Refunds become credit. Credit auto-applies before your card is charged. Every invoice shows the cash + credit split. No surprise overages, no per-feature unlocks.</p> | |
| 105 | </div> | |
| 106 | ||
| 107 | </div> | |
| 108 | </section> | |
| 109 | ||
| 110 | <!-- ===== Quote / vision ===== --> | |
| 111 | <section class="section" style="max-width:780px;margin:0 auto;padding:40px 32px;text-align:center"> | |
| 112 | <div style="font-family:var(--font-display);font-size:24px;color:#fff;line-height:1.5;font-style:italic"> | |
| 113 | “If you're a creator selling 3D files in 2026, you should run your business like one. WebSTLs is the toolkit | |
| 114 | we built because no one else had built it.” | |
| 115 | </div> | |
| 116 | <div class="text-sm text-dim" style="margin-top:14px">— The WebSTLs team</div> | |
| 117 | </section> | |
| 118 | ||
| 119 | <section class="section" style="text-align:center;padding:40px 32px 60px"> | |
| 120 | <a href="signup.cgi" class="btn btn-primary btn-lg">Start free — no card required</a> | |
| 121 | | |
| 122 | <a href="features.cgi" class="btn btn-secondary btn-lg">See every feature</a> | |
| 123 | </section> | |
| 124 | ||
| 125 | <footer class="site-foot"> | |
| 126 | <div class="foot-grid"> | |
| 127 | <div class="foot-col"> | |
| 128 | <div class="flex items-center gap-3 mb-2"><div class="brand-mark" style="width:32px;height:32px;font-size:15px">W<span>S</span></div><div class="brand-text"><span class="brand-name">WebSTLs</span></div></div> | |
| 129 | <p class="text-sm text-secondary" style="max-width:340px">The operating system for 3D creators.</p> | |
| 130 | </div> | |
| 131 | <div class="foot-col"><h5>Platform</h5><ul><li><a href="features.cgi">Features</a></li><li><a href="tour.cgi">Tour</a></li><li><a href="why.cgi">Why WebSTLs</a></li><li><a href="pricing.cgi">Pricing</a></li><li><a href="faq.cgi">FAQ</a></li></ul></div> | |
| 132 | <div class="foot-col"><h5>Company</h5><ul><li><a href="about.cgi">About</a></li><li><a href="contact.cgi">Contact</a></li></ul></div> | |
| 133 | <div class="foot-col"><h5>Legal & Trust</h5><ul><li><a href="privacy.cgi">Privacy</a></li><li><a href="terms.cgi">Terms of Service</a></li></ul></div> | |
| 134 | </div> | |
| 135 | <div class="foot-bottom"><span>© 2026 WebSTLs, Inc. All rights reserved.</span><span>Made for creators who treat this like a business.</span></div> | |
| 136 | </footer> |