Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
523 lines (507 loc) · 34.2 KB
/
Copy pathindex.html
File metadata and controls
523 lines (507 loc) · 34.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
<!doctype html>
<!--
© 2026 stageplot.it — Simone Castellan. Tutti i diritti riservati (vedi LICENSE).
LANDING DI PRODOTTO (radice del sito). L'editor sta su /app/ ed è generato da index.template.html
via build.mjs: QUESTO file è scritto a mano e il build NON lo tocca.
Rifatta il 23/10/2026 sulla bozza approvata dal proprietario: una promessa («Lo stage plot che il
service capisce»), un solo pulsante (Disegna il tuo palco), il rider vero al posto delle descrizioni.
Sei sezioni: apertura · tre passi · cosa riceve il service (#rider) · per chi · chi lo fa · domande + finale.
Stesso carattere e stessi colori di prima (nero fumo #0a0e0e, pannelli #101616, teal #14b8a6), scala più
piccola. Nessun framework, nessuna dipendenza, JS solo per il contatore delle visite in fondo.
Le immagini sono le pagine VERE del PDF d'esempio «Tributo pop · band e orchestra» (img/esemplare-tributo-pop-band-orchestra.pdf),
in img/esemplare-tributo-*.jpg: è un esempio anonimo, generato fuori dal repo; se si rifà il PDF vanno rifatte anche loro.
(Il PDF «Band rock 5 elementi» della guida scheda-tecnica-band resta dov'è e non è più usato qui.)
Marcatori ?from= sui link verso /app/: elenco chiuso, vincolato anche da un CHECK sul database
(migration 0036): nav, hero-modello (pulsante principale), finale.
-->
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- stessa CSP delle pagine di contenuto (/guida/, /stage-plot/): la landing è tutta self-contained -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; connect-src 'self' https://vsodplqkuvnsdiikvmjb.supabase.co; object-src 'none'; base-uri 'self'; form-action 'self'">
<!-- Fino al 2026-08 la radice ERA l'editor: in giro ci sono link di sola lettura (?view=), progetti
dentro l'URL (#p=/#d=), i vecchi link ai modelli (parametro model) e la PWA installata (?utm_source=pwa). Quei link devono
continuare a funzionare, quindi rimbalzano su /app/ con query e hash intatti. Sincrono e prima di
qualunque pittura: chi ha un link non deve vedere il lampo della landing. GitHub Pages non ha
redirect lato server — questa è l'unica leva possibile. -->
<script>(function(){function go(){try{
var s=location.search, h=location.hash;
var app=/[?&](view|export|model|form|demo|orch|strings|inputaudit|pdfui|pdfgen|shapeqa|rotqa|icone|json|dump|orient)=/.test(s)
|| /[?&]utm_source=pwa\b/.test(s)
|| /[#&][pd]=/.test(h)
/* rete di sicurezza sul login Google: se la allowlist Supabase rimandasse ancora al Site URL
invece che a /app/, il token arriverebbe qui nell'hash e la sessione andrebbe persa. */
|| /[#&](access_token|refresh_token|error_description)=/.test(h);
if(app) location.replace("/app/"+s+h);
}catch(e){}}
go();
/* un hash incollato mentre la landing è già aperta non ricarica la pagina: lì il carico iniziale non basta */
addEventListener("hashchange", go);})();</script>
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
<meta name="theme-color" content="#0a0e0e">
<meta name="author" content="Simone Castellan">
<meta name="description" content="Disegna lo stage plot online, in scala e gratis: scheda tecnica, channel list, schema elettrico e rider tecnico in PDF escono dal disegno. Senza account.">
<title>Stage plot online gratis, in scala: scheda tecnica e rider</title>
<link rel="canonical" href="https://stageplot.it/">
<link rel="icon" href="/favicon.ico?v=3" sizes="48x48">
<link rel="icon" href="/favicon.svg?v=3" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=3">
<link rel="manifest" href="/manifest.webmanifest">
<meta property="og:type" content="website">
<meta property="og:locale" content="it_IT">
<meta property="og:site_name" content="stageplot.it">
<meta property="og:title" content="Stage plot online gratis, in scala: scheda tecnica e rider">
<meta property="og:description" content="Disegni il palco in scala e scheda tecnica, channel list, elettrico e rider tecnico escono dal disegno. Gratis, nel browser, senza registrazione.">
<meta property="og:url" content="https://stageplot.it/">
<meta property="og:image" content="https://stageplot.it/preview.png?v=5">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Esempio di stage plot in scala creato con StagePlot">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Stage plot online gratis, in scala: scheda tecnica e rider">
<meta name="twitter:description" content="Disegni il palco in scala e scheda tecnica, channel list, elettrico e rider tecnico escono dal disegno. Gratis, nel browser, senza registrazione.">
<meta name="twitter:image" content="https://stageplot.it/preview.png?v=5">
<meta name="twitter:image:alt" content="Esempio di stage plot in scala creato con StagePlot">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://stageplot.it/#website",
"url": "https://stageplot.it/",
"name": "StagePlot",
"description": "Editor gratuito per disegnare lo stage plot e generare channel list, schema elettrico e rider tecnico degli spettacoli dal vivo.",
"inLanguage": "it",
"publisher": { "@id": "https://stageplot.it/#org" }
},
{
"@type": "Organization",
"@id": "https://stageplot.it/#org",
"name": "StagePlot",
"url": "https://stageplot.it/",
"logo": { "@type": "ImageObject", "url": "https://stageplot.it/logo-512.png", "width": 512, "height": 512 },
"alternateName": [ "StagePlot.it" ],
"sameAs": [
"https://www.instagram.com/stageplot.it/",
"https://github.com/castelsim/stageplot"
],
"founder": {
"@type": "Person",
"@id": "https://simonecastellan.com/#person",
"name": "Simone Castellan",
"jobTitle": "Sound engineer",
"url": "https://simonecastellan.com",
"knowsAbout": [
{ "@type": "Thing", "name": "Sound reinforcement system", "sameAs": "https://www.wikidata.org/wiki/Q829504" },
{ "@type": "Thing", "name": "Live sound mixing", "sameAs": "https://www.wikidata.org/wiki/Q6658081" },
{ "@type": "Thing", "name": "Audio engineering", "sameAs": "https://www.wikidata.org/wiki/Q128124" }
],
"sameAs": [
"https://www.linkedin.com/in/simonecastellan",
"https://www.instagram.com/simonecastellan_/",
"https://www.facebook.com/castellansimone/"
]
}
},
{
"@type": "SoftwareApplication",
"@id": "https://stageplot.it/#app",
"name": "StagePlot (stageplot.it)",
"alternateName": [ "StagePlot", "stageplot.it" ],
"applicationCategory": "DesignApplication",
"operatingSystem": "Web",
"url": "https://stageplot.it/app/",
"inLanguage": "it",
"countriesSupported": "IT",
"isAccessibleForFree": true,
"about": [
{ "@type": "Thing", "name": "Sound reinforcement system", "sameAs": "https://www.wikidata.org/wiki/Q829504" },
{ "@type": "Thing", "name": "Live sound mixing", "sameAs": "https://www.wikidata.org/wiki/Q6658081" }
],
"description": "Web app gratuita in italiano per disegnare lo stage plot in scala e ricavarne la scheda tecnica del concerto: channel list, monitor, schema elettrico, lista luci e rider tecnico in PDF. Export PDF/PNG e condivisione via link.",
"browserRequirements": "Requires JavaScript. Requires HTML5.",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "EUR" },
"featureList": [
"Stage plot in scala 1:N",
"Channel list e input list numerate",
"Schema elettrico con carichi, fasi e distribuzione",
"Mix monitor e personal monitor",
"Rider tecnico in PDF multipagina",
"Link di sola lettura sempre aggiornato, con l'account"
],
"screenshot": "https://stageplot.it/preview.png",
"author": { "@id": "https://stageplot.it/#org" },
"publisher": { "@id": "https://stageplot.it/#org" }
},
{
"@type": "WebPage",
"@id": "https://stageplot.it/#webpage",
"url": "https://stageplot.it/",
"name": "Stage plot online gratis, in scala: scheda tecnica e rider",
"description": "Editor gratuito nel browser per disegnare lo stage plot in scala di un concerto e ricavarne channel list, monitor, carichi elettrici, luci e rider tecnico in PDF.",
"inLanguage": "it",
"isPartOf": { "@id": "https://stageplot.it/#website" },
"about": { "@id": "https://stageplot.it/#app" },
"primaryImageOfPage": { "@type": "ImageObject", "url": "https://stageplot.it/img/esemplare-tributo-apertura.jpg", "width": 1600, "height": 1734 },
"datePublished": "2026-08-08",
"dateModified": "2026-11-03"
},
{
"@type": "FAQPage",
"@id": "https://stageplot.it/#faq",
"inLanguage": "it",
"mainEntity": [
{
"@type": "Question",
"name": "Devo registrarmi?",
"acceptedAnswer": { "@type": "Answer", "text": "No. Apri l'editor e disegni subito; il progetto resta salvato nel browser. L'accesso con Google serve solo per ritrovarlo su un altro dispositivo. Prima di mandarlo scarica il PDF: quello è tuo e non dipende da noi." }
},
{
"@type": "Question",
"name": "È davvero gratis?",
"acceptedAnswer": { "@type": "Answer", "text": "Sì: palco, channel list, monitor, elettrico e PDF sono gratis e senza filigrana. Si paga solo se vuoi che un tecnico corregga il progetto (29 €) o lo disegni per te (da 149 €, su preventivo): è la consulenza." }
},
{
"@type": "Question",
"name": "Il service riesce ad aprirlo?",
"acceptedAnswer": { "@type": "Answer", "text": "Sì. Gli mandi il PDF oppure, con l'account, un link in sola lettura che si apre nel browser, anche dal telefono. Dall'altra parte non c'è niente da installare." }
},
{
"@type": "Question",
"name": "Funziona dal telefono?",
"acceptedAnswer": { "@type": "Answer", "text": "Sì per guardare, ritoccare e mostrarlo in sala. Per disegnare un palco da zero uno schermo grande resta più comodo." }
},
{
"@type": "Question",
"name": "Stage plot, scheda tecnica e rider: che differenza c'è?",
"acceptedAnswer": { "@type": "Answer", "text": "Lo stage plot è la pianta del palco in scala. La scheda tecnica, che i service chiamano anche rider tecnico, aggiunge channel list, monitor, alimentazione e richieste per il concerto. Con StagePlot escono tutti dallo stesso disegno." }
}
]
}
]
}
</script>
<style>
:root{
--bg:#0a0e0e; --panel:#101616; --line:#1f2a29; --line2:#2b3a38;
--text:#e9f1ef; --mut:#8ca39e; --teal:#14b8a6; --teal-l:#2dd4bf; --ink:#0b2b27;
--paper:#fbfaf6; --paper-ink:#1f2421; --paper-mut:#6c726e;
--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;
padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto}
.skip{position:absolute;left:-9999px;top:8px;z-index:20;background:var(--teal);color:var(--ink);padding:8px 14px;border-radius:8px;font-weight:650}
.skip:focus{left:16px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:12px}
.logo{display:flex;gap:9px;align-items:center;font-weight:700;font-size:15px;letter-spacing:-.01em;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:650;text-decoration:none;
transition:transform .15s ease,background .15s ease}
.btn:focus-visible,a:focus-visible,summary:focus-visible,.pagine:focus-visible{outline:2px solid var(--teal-l);outline-offset:3px}
.btn-s{font-size:13.5px;padding:8px 14px;background:var(--teal);color:var(--ink)}
.btn-l{font-size:15.5px;padding:13px 22px;background:var(--teal);color:var(--ink)}
.btn:hover{transform:translateY(-1px);background:var(--teal-l)}
section{padding-block:56px;border-bottom:1px solid var(--line);scroll-margin-top:56px}
.eyebrow{font:12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-l);margin:0 0 14px}
h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(30px,5.2vw,48px);line-height:1.08;font-weight:750}
h1 em{font-style:normal;color:var(--teal-l)}
h2{font-size:clamp(22px,3.4vw,30px);line-height:1.18;font-weight:720;margin-bottom:10px}
h3{font-size:16.5px;font-weight:680;letter-spacing:-.01em}
.lead{color:var(--mut);font-size:clamp(15.5px,1.7vw,17px);max-width:58ch;margin:16px 0 24px}
.lead b{color:var(--text);font-weight:600}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.cta .sec{font-size:14.5px;color:var(--mut);text-underline-offset:4px}
.cta .sec:hover{color:var(--text)}
.fatti{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font:12.5px/1.4 var(--mono);color:var(--mut)}
.fatti span::before{content:"✓ ";color:var(--teal-l)}
.hero{padding-top:44px}
.foglio{max-width:720px;margin:34px auto 0;background:var(--paper);border-radius:12px;padding:14px 14px 10px;box-shadow:0 30px 60px -30px #000,0 0 0 1px var(--line2)}
.foglio img{display:block;width:100%;height:auto;border-radius:4px}
.foglio figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;color:var(--paper-mut);font:11.5px/1.4 var(--mono);padding:8px 2px 0;border-top:1px solid #e7e4dc;margin-top:8px}
.foglio figcaption b{color:var(--paper-ink);font-weight:600}
.sub{color:var(--mut);max-width:60ch;margin:0}
.passi{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:p}
.passi li{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel);counter-increment:p}
.passi li::before{content:counter(p);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;
border:1px solid var(--teal);color:var(--teal-l);font:12px var(--mono);margin-bottom:10px}
.passi p{color:var(--mut);margin:6px 0 0;font-size:14.5px}
.pagine{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 0;padding:0}
.pagine figure{margin:0;min-width:0}
.pagine a{display:block;background:var(--paper);border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--line2);transition:transform .15s ease}
.pagine a:hover{transform:translateY(-2px)}
.pagine picture{display:block}
.pagine img{display:block;width:100%;height:auto}
.pagine figcaption{font:11.5px/1.4 var(--mono);color:var(--mut);margin-top:8px}
.pagine figcaption b{color:var(--text);font-weight:600}
.didascalia{color:var(--mut);font-size:14.5px;margin:18px 0 0;max-width:62ch}
.link-rider{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;font-size:14.5px}
.link-rider a{color:var(--teal-l);text-underline-offset:4px}
.chi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.chi div{border-top:2px solid var(--teal);padding-top:12px}
.chi p{color:var(--mut);margin:6px 0 0;font-size:14.5px}
.regole{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
.regole ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.regole li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.5px;color:var(--mut)}
.regole li b{color:var(--text);font-weight:600}
.regole li::before{content:"";width:8px;height:8px;margin-top:8px;border-radius:2px;background:var(--teal)}
details{border-bottom:1px solid var(--line);padding-block:14px}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary h3{font-size:16px;font-weight:620;letter-spacing:0}
summary::after{content:"+";color:var(--teal-l);font:18px/1 var(--mono)}
details[open] summary::after{content:"–"}
details p{color:var(--mut);margin:8px 0 0;max-width:62ch;font-size:15px}
details p a{color:var(--text);text-underline-offset:3px}
.finale{border-bottom:0}
footer{padding-block:28px 40px;color:var(--mut);font-size:13.5px;border-top:1px solid var(--line)}
footer .wrap{display:grid;gap:18px}
footer .gruppo{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
footer .gruppo span{font:11.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-l);flex:0 0 100%}
footer a{text-decoration:none}
footer a:hover{color:var(--text);text-decoration:underline}
footer .firma{font-size:12.5px}
@media (max-width:760px){
section{padding-block:36px}
.hero{padding-top:24px}
.foglio{margin-top:24px;padding:10px 10px 8px}
.passi,.chi,.regole{grid-template-columns:1fr}
.passi{gap:10px;margin-top:20px}
.passi li{padding:14px 16px}
.passi li::before{float:left;margin:0 12px 0 0}
.passi p{margin-top:4px}
.chi{gap:16px}
.pagine{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:2px 16px 10px;scrollbar-width:thin}
.pagine figure{flex:0 0 62%;scroll-snap-align:center}
.regole{gap:18px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
</style>
</head>
<body>
<a class="skip" href="#contenuto">Salta al contenuto</a>
<header>
<div class="wrap">
<a class="logo" href="/">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="2" y="4" width="20" height="14" rx="2" stroke="#14b8a6" stroke-width="2"/><circle cx="9" cy="10" r="2" fill="#14b8a6"/><path d="M14 14h4" stroke="#14b8a6" stroke-width="2" stroke-linecap="round"/></svg>
StagePlot
</a>
<a class="btn btn-s" href="/app/?from=nav">Apri l'editor</a>
</div>
</header>
<main id="contenuto">
<!-- 1. APERTURA. Un solo pulsante principale (Disegna il tuo palco); «Guarda un rider finito» è un link, non un
secondo pulsante. Il marcatore hero-modello è quello storico del pulsante principale: il contatore lo
conosce già e il database accetta solo nomi di un elenco chiuso. La definizione «StagePlot è …» sta nel
lead, in alto: la citano i motori generativi (test «la home dice cos'è StagePlot»). -->
<section class="hero">
<div class="wrap">
<p class="eyebrow">Stage plot · scheda tecnica · rider</p>
<h1>Lo stage plot che il <em>service capisce</em>.</h1>
<p class="lead"><b>StagePlot è un editor gratuito nel browser</b> per disegnare il palco in scala: channel list, monitor, elettrico e rider tecnico in PDF escono dallo stesso disegno, senza riscriverli a mano.</p>
<div class="cta">
<a class="btn btn-l" href="/app/?from=hero-modello">Disegna il tuo palco</a>
<a class="sec" href="#rider">Guarda un rider finito ↓</a>
</div>
<div class="fatti"><span>Gratis</span><span>In italiano</span><span>Senza account</span><span>Nessuna filigrana</span></div>
<figure class="foglio">
<div class="ritaglio"><picture><source type="image/webp" srcset="/img/esemplare-tributo-apertura-800.webp 800w, /img/esemplare-tributo-apertura.webp 1600w" sizes="(max-width:760px) 100vw, 720px"><img src="/img/esemplare-tributo-apertura.jpg" width="1600" height="1734" fetchpriority="high" decoding="async"
alt="Prima pagina della scheda tecnica d'esempio «Tributo pop · band e orchestra»: lo stage plot visto dall'alto, su un palco di 12 per 13 metri: coro di 50 persone in piedi su quattro gradoni con scalette e parapetti, fiati, tastiere e timpani su due pedane, archi su archi concentrici attorno al podio del direttore, batteria con schermo e arpa ai lati, con side fill, wedge e in-ear, scala 1:50."></picture></div>
<figcaption><span><b>Tributo pop · band e orchestra</b> · scheda tecnica fatta con StagePlot</span><span>palco 12 × 13 m · scala 1:50</span></figcaption>
</figure>
</div>
</section>
<!-- 2. TRE PASSI. «Palco di 12 × 8 m» = stage di partenza dell'editor (1200×800 cm). -->
<section>
<div class="wrap">
<h2>Tre passi, dal palco vuoto al PDF.</h2>
<p class="sub">Si parte da un palco vuoto di 12 × 8 m: se le misure le sai, le cambi; se no cominci a disegnare.</p>
<ol class="passi">
<li><h3>Dai le misure del palco</h3><p>Larghezza e profondità in metri. Pedane e blocchi si aggiungono quando servono.</p></li>
<li><h3>Metti musicisti e strumenti</h3><p>Ogni strumento ha il suo ingombro in scala. Microfoni e monitor finiscono da soli nelle liste.</p></li>
<li><h3>Esporta il PDF</h3><p>Solo il palco, oppure palco e scheda tecnica. Si stampa al 100%, in scala.</p></li>
</ol>
</div>
</section>
<!-- 3. COSA RICEVE IL SERVICE. Quattro pagine vere (1, 4, 5, 3) del PDF d'esempio da 8 pagine, non mini-tabelle disegnate a mano.
I disegni sono A3 verticali a 1:50, rider e liste A4 verticali: stessa forma, stessa altezza in fila.
I monitor (pag. 2), la monitor list e la lista carichi restano nel PDF. -->
<section id="rider">
<div class="wrap">
<h2>Cosa riceve il service.</h2>
<p class="sub">Quattro delle otto pagine del PDF d'esempio «Tributo pop · band e orchestra», uno spettacolo con band, orchestra e coro: palco, rider tecnico, channel list ed elettrico, generati dal disegno senza scriverli a mano. Toccane una per aprire il PDF.</p>
<div class="pagine" role="group" aria-label="Pagine del PDF d'esempio" tabindex="0">
<figure>
<a href="/img/esemplare-tributo-pop-band-orchestra.pdf#page=1"><picture><source type="image/webp" srcset="/img/esemplare-tributo-palco-640.webp 640w" sizes="(max-width:760px) 62vw, 280px"><img src="/img/esemplare-tributo-palco.jpg" width="1287" height="1819" loading="lazy" decoding="async" alt="Pagina 1 del PDF d'esempio: lo stage plot di un tributo pop con band, orchestra e coro su un palco di 12 per 13 metri in scala 1:50, con il coro su quattro gradoni con scalette e parapetti, i fiati su due pedane, gli archi attorno al podio del direttore, i monitor e il conteggio di leggii e sedute."></picture></a>
<figcaption><b>Palco</b> · 12 × 13 m · pagina 1 di 8</figcaption>
</figure>
<figure>
<a href="/img/esemplare-tributo-pop-band-orchestra.pdf#page=4"><picture><source type="image/webp" srcset="/img/esemplare-tributo-rider-640.webp 640w" sizes="(max-width:760px) 62vw, 280px"><img src="/img/esemplare-tributo-rider.jpg" width="910" height="1287" loading="lazy" decoding="async" alt="Pagina 4 del PDF d'esempio: il rider tecnico approvato, con microfoni e aste contati, monitor, pedane, scalette e parapetti del coro, corrente richiesta, luci, personale e il contenuto dei sei mix monitor."></picture></a>
<figcaption><b>Rider tecnico</b> · approvato · pagina 4 di 8</figcaption>
</figure>
<figure>
<a href="/img/esemplare-tributo-pop-band-orchestra.pdf#page=5"><picture><source type="image/webp" srcset="/img/esemplare-tributo-channel-list-640.webp 640w" sizes="(max-width:760px) 62vw, 280px"><img src="/img/esemplare-tributo-channel-list.jpg" width="910" height="1287" loading="lazy" decoding="async" alt="Pagina 5 del PDF d'esempio: la channel list, dalla cassa della batteria agli archi con un microfono per leggio, ciascun canale con microfono o DI, phantom e asta."></picture></a>
<figcaption><b>Channel list</b> · 61 canali · pagine 5 e 6 di 8</figcaption>
</figure>
<figure>
<a href="/img/esemplare-tributo-pop-band-orchestra.pdf#page=3"><picture><source type="image/webp" srcset="/img/esemplare-tributo-elettrico-640.webp 640w" sizes="(max-width:760px) 62vw, 280px"><img src="/img/esemplare-tributo-elettrico.jpg" width="1287" height="1819" loading="lazy" decoding="async" alt="Pagina 3 del PDF d'esempio: l'elettrico sul palco, con la presa in quinta, un quadro trifase da 32 ampere nell'angolo a monte sinistro e una linea per ogni carico (side fill, wedge, tastiere e computer del playback), per 3,3 kW stimati, con i cavi ad angolo retto in quinta e lungo la ribalta, lontani dalle scalette del coro."></picture></a>
<figcaption><b>Elettrico</b> · 3,3 kW stimati · pagina 3 di 8</figcaption>
</figure>
</div>
<p class="didascalia">Cambi il disegno e rigeneri il PDF: rider, channel list ed elettrico si ricalcolano dal palco. Nel PDF ci sono anche i monitor, la monitor list e la lista carichi. Le potenze sono stime del tipo di apparecchio, e il PDF lo dice.</p>
<p class="link-rider">
<a href="/img/esemplare-tributo-pop-band-orchestra.pdf">Scarica il PDF d'esempio, 8 pagine</a>
<a href="/guida/scheda-tecnica-band/">Come si fa una scheda tecnica per la band</a>
</p>
</div>
</section>
<!-- 4. PER CHI -->
<section>
<div class="wrap">
<h2>Per chi sale sul palco e per chi lo monta.</h2>
<div class="chi">
<div><h3>Musicisti e band</h3><p>Mandi una scheda tecnica chiara e in scala: il service sa cosa portare e dove metterlo.</p></div>
<div><h3>Tecnici e service</h3><p>Ricevi canali, monitor e carichi già ordinati. Con un link in sola lettura li apri nel browser, anche dal telefono.</p></div>
<div><h3>Organizzatori e teatri</h3><p>Vedi in scala se l'organico ci sta sul palco e che cosa chiede al service.</p></div>
</div>
</div>
</section>
<!-- 5. CHI LO FA. Le quattro regole sono quelle approvate da Simone per i suoi palchi (stageplot-assistant/kb/conventions). -->
<section>
<div class="wrap regole">
<div>
<h2>Lo scrive un sound engineer, sui suoi palchi.</h2>
<p class="sub">StagePlot nasce dal lavoro dal vivo di Simone Castellan. Queste sono quattro delle regole con cui disegna i suoi palchi: vengono dai concerti veri, non da un manuale.</p>
</div>
<ul>
<li><span><b>Archi a leggii doppi</b>, con l'ultimo singolo nelle sezioni dispari.</span></li>
<li><span><b>Phantom solo dove serve</b>: condensatori e DI attive, mai su dinamici e radio.</span></li>
<li><span><b>Canali nell'ordine che il banco si aspetta</b>: ritmica, voci, poi click e playback in coda.</span></li>
<li><span><b>Ogni musicista ha la sua seduta</b>, contata nel cartiglio del PDF.</span></li>
</ul>
</div>
</section>
<!-- 6. DOMANDE + FINALE. Le domande a video sono le stesse del JSON-LD FAQPage (test «le domande della home»). -->
<section id="domande">
<div class="wrap">
<h2>Domande</h2>
<details><summary><h3>Devo registrarmi?</h3></summary><p>No. Apri l'editor e disegni subito; il progetto resta salvato nel browser. L'accesso con Google serve solo per ritrovarlo su un altro dispositivo. Prima di mandarlo scarica il PDF: quello è tuo e non dipende da noi.</p></details>
<details><summary><h3>È davvero gratis?</h3></summary><p>Sì: palco, channel list, monitor, elettrico e PDF sono gratis e senza filigrana. Si paga solo se vuoi che un tecnico corregga il progetto (29 €) o lo disegni per te (da 149 €, su preventivo): è la <a href="/consulenza/">consulenza</a>.</p></details>
<details><summary><h3>Il service riesce ad aprirlo?</h3></summary><p>Sì. Gli mandi il PDF oppure, con l'account, un link in sola lettura che si apre nel browser, anche dal telefono. Dall'altra parte non c'è niente da installare.</p></details>
<details><summary><h3>Funziona dal telefono?</h3></summary><p>Sì per guardare, ritoccare e mostrarlo in sala. Per disegnare un palco da zero uno schermo grande resta più comodo.</p></details>
<details><summary><h3>Stage plot, scheda tecnica e rider: che differenza c'è?</h3></summary><p>Lo <a href="/guida/cos-e-uno-stage-plot/">stage plot</a> è la pianta del palco in scala. La <a href="/guida/scheda-tecnica-band/">scheda tecnica</a>, che i service chiamano anche <a href="/guida/rider-tecnico/">rider tecnico</a>, aggiunge channel list, monitor, alimentazione e richieste per il concerto. Con StagePlot escono tutti dallo stesso disegno.</p></details>
</div>
</section>
<section class="finale">
<div class="wrap">
<h2>Il palco lo disegni stasera. Il rider esce con lui.</h2>
<p class="lead">Gratis, in italiano, senza account.</p>
<a class="btn btn-l" href="/app/?from=finale">Disegna il tuo palco</a>
</div>
</section>
</main>
<!-- Piè di pagina: qui stanno i link che prima vivevano nelle sezioni tolte (guide, pagine per formazione,
confronti, consulenza, Orchestre). Servono a Google e a chi cerca: un test vuole ogni /stage-plot/<formazione>/. -->
<footer>
<div class="wrap">
<nav class="gruppo" aria-label="Guide"><span>Guide</span>
<a href="/guida/cos-e-uno-stage-plot/">Cos'è uno stage plot</a>
<a href="/guida/come-fare-uno-stage-plot/">Come fare uno stage plot</a>
<a href="/guida/stage-plot-in-scala/">Stage plot in scala</a>
<a href="/guida/scheda-tecnica-band/">Scheda tecnica</a>
<a href="/guida/rider-tecnico/">Rider tecnico</a>
<a href="/guida/channel-list-input-list/">Channel list</a>
<a href="/guida/assorbimento-elettrico-palco/">Assorbimento elettrico</a>
<a href="/guida/esempi-stage-plot/">Esempi di stage plot</a>
<a href="/guida/microfoni/">Microfoni riconosciuti</a>
<a href="/guida/">Tutte le guide</a>
</nav>
<nav class="gruppo" aria-label="Stage plot per formazione"><span>Stage plot per formazione</span>
<a href="/stage-plot/band/">Band</a>
<a href="/stage-plot/jazz/">Jazz combo</a>
<a href="/stage-plot/coro/">Coro</a>
<a href="/stage-plot/bigband/">Big band</a>
<a href="/stage-plot/acustica/">Acustico</a>
<a href="/stage-plot/tributo/">Tribute band</a>
<a href="/stage-plot/orchestra/">Orchestra</a>
<a href="/stage-plot/chiesa/">Chiesa</a>
<a href="/stage-plot/matrimonio/">Matrimonio</a>
<a href="/stage-plot/dj/">DJ set</a>
<a href="/stage-plot/festival/">Festival</a>
<a href="/stage-plot/">Tutte le formazioni</a>
</nav>
<nav class="gruppo" aria-label="Altro"><span>Altro</span>
<a href="/consulenza/">Consulenza</a>
<a href="/alternative/">Alternative a Ridermaker e TecRider</a>
<a href="/orchestre/" title="Musicisti per concerti ed eventi: un servizio a parte dall'editor">Orchestre — musicisti per il tuo evento</a>
<a href="/termini/">Termini</a>
<a href="/privacy/">Privacy</a>
</nav>
<p class="firma">© 2026 StagePlot — Simone Castellan</p>
</div>
</footer>
<!-- ============================================================================================
CONTATORE DELLA LANDING
Due domande a cui finora si rispondeva a sensazione: quanta gente arriva e da dove, e se
poi apre davvero l'editor (e da quale dei quattro ingressi). Manda tre parole a una nostra
funzione, che le riconduce a un elenco chiuso e incrementa un contatore giornaliero:
nessun cookie, nessun identificatore, nessuna terza parte, nessun dato individuale — solo
numeri aggregati. Chi ha «Do Not Track» acceso non manda niente.
Il browser NON scrive nel database: quella porta resta chiusa (vedi migration 0036).
========================================================================================= -->
<script>
(function(){
try{
if (location.hostname !== "stageplot.it") return; /* in locale non si conta */
if (navigator.doNotTrack === "1" || window.doNotTrack === "1") return;
/* 29/09: chi sviluppa il sito non si conta. Il segno lo scrive l'editor (stesso dominio) quando
l'account collegato è il suo: senza, delle aperture da «Prova un palco già pronto» dal 30/08
otto su nove erano sue, e ogni confronto fra i pulsanti misurava lui. */
try{ if (localStorage.getItem("sp_founder") === "1") return; }catch(e){}
var API = "https://vsodplqkuvnsdiikvmjb.supabase.co/functions/v1/track-landing";
function manda(event, source){
var ref = "";
try{ ref = document.referrer ? new URL(document.referrer).hostname : ""; }catch(e){}
/* link tracciato nei PDF esportati (?utm_source=pdf): il referrer lì è vuoto (si apre da un lettore PDF).
Solo questo valore, e il server lo riconosce da un elenco chiuso. */
try{ if (new URLSearchParams(location.search).get("utm_source") === "pdf") ref = "utm:pdf"; }catch(e){}
var corpo = JSON.stringify({ event:event, source:source||"", ref:ref });
try{
/* text/plain di proposito: con application/json il browser vorrebbe una preflight, che
sendBeacon non sa fare — la chiamata fallirebbe in silenzio. Il server legge comunque
il corpo come JSON. */
var blob = new Blob([corpo], { type:"text/plain;charset=UTF-8" });
if (navigator.sendBeacon && navigator.sendBeacon(API, blob)) return;
fetch(API, { method:"POST", body:corpo, keepalive:true,
headers:{ "Content-Type":"text/plain;charset=UTF-8" } });
}catch(e){}
}
/* una visita per sessione: ricaricare la pagina non è arrivare una seconda volta */
var nuova = true;
try{
nuova = !sessionStorage.getItem("sp_visto");
if (nuova) sessionStorage.setItem("sp_visto", "1");
}catch(e){}
if (nuova) manda("view", "");
/* i quattro ingressi verso l'editor portano già ?from=…: si conta quello, non il bersaglio */
document.addEventListener("click", function(e){
var a = e.target && e.target.closest ? e.target.closest('a[href*="/app/"]') : null;
if (!a) return;
var m = (a.getAttribute("href") || "").match(/[?&]from=([\w-]{1,24})/);
if (m) manda("app_click", m[1]);
}, true);
}catch(e){}
})();
</script>
</body>
</html>