Roof of Worlds \u2014 Zl\u00edn Sc\u00e9n\u00e1\u0159<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:ital,wght@0,300;0,500;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #0a0a08;\n --surface: #111110;\n --border: #2a2a25;\n --accent: #e8c547;\n --accent2: #c8391a;\n --text: #e8e4d8;\n --muted: #7a7a6a;\n --green: #4aad6a;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'IBM Plex Sans', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n padding: 0;\n }\n\n \/* HEADER *\/\n header {\n border-bottom: 1px solid var(--border);\n padding: 24px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: sticky;\n top: 0;\n background: var(--bg);\n z-index: 100;\n }\n\n .logo {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 22px;\n letter-spacing: 3px;\n color: var(--accent);\n }\n\n .logo span {\n color: var(--muted);\n font-size: 13px;\n font-family: 'IBM Plex Mono', monospace;\n display: block;\n letter-spacing: 2px;\n margin-top: -2px;\n }\n\n .episode-tag {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n border: 1px solid var(--border);\n padding: 6px 12px;\n letter-spacing: 1px;\n }\n\n \/* HERO *\/\n .hero {\n padding: 60px 40px 40px;\n border-bottom: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: 'ZL\u00cdN';\n position: absolute;\n right: -20px;\n top: -20px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 220px;\n color: #1a1a15;\n letter-spacing: -5px;\n pointer-events: none;\n line-height: 1;\n }\n\n .hero-label {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n color: var(--accent2);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .hero h1 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(42px, 6vw, 80px);\n line-height: 0.95;\n letter-spacing: 1px;\n max-width: 700px;\n position: relative;\n }\n\n .hero h1 .year {\n color: var(--accent);\n }\n\n .hero-sub {\n margin-top: 24px;\n font-size: 15px;\n color: var(--muted);\n max-width: 500px;\n line-height: 1.6;\n position: relative;\n }\n\n \/* TABS *\/\n .tabs {\n display: flex;\n gap: 0;\n padding: 0 40px;\n border-bottom: 1px solid var(--border);\n overflow-x: auto;\n }\n\n .tab {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 12px;\n letter-spacing: 1px;\n padding: 18px 24px;\n cursor: pointer;\n border: none;\n background: none;\n color: var(--muted);\n border-bottom: 2px solid transparent;\n margin-bottom: -1px;\n white-space: nowrap;\n transition: color 0.2s, border-color 0.2s;\n }\n\n .tab:hover { color: var(--text); }\n\n .tab.active {\n color: var(--accent);\n border-bottom-color: var(--accent);\n }\n\n .tab .duration {\n background: var(--border);\n padding: 2px 7px;\n margin-left: 8px;\n font-size: 10px;\n border-radius: 2px;\n }\n\n .tab.active .duration {\n background: var(--accent);\n color: var(--bg);\n }\n\n \/* MAIN CONTENT *\/\n main {\n padding: 0 40px 80px;\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 40px;\n max-width: 1200px;\n }\n\n @media (max-width: 900px) {\n main { grid-template-columns: 1fr; padding: 0 20px 60px; }\n header { padding: 20px; }\n .hero { padding: 40px 20px 30px; }\n .tabs { padding: 0 20px; }\n .hero::before { font-size: 130px; }\n }\n\n \/* SCRIPT PANEL *\/\n .script-panel {\n padding-top: 40px;\n }\n\n .script-content {\n display: none;\n }\n\n .script-content.active {\n display: block;\n animation: fadeIn 0.3s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .script-meta {\n display: flex;\n gap: 20px;\n margin-bottom: 32px;\n flex-wrap: wrap;\n }\n\n .meta-chip {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n padding: 6px 14px;\n border: 1px solid var(--border);\n color: var(--muted);\n letter-spacing: 1px;\n }\n\n .meta-chip.highlight {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* SCRIPT LINES *\/\n .scene {\n margin-bottom: 8px;\n display: grid;\n grid-template-columns: 120px 1fr;\n gap: 0;\n border: 1px solid var(--border);\n overflow: hidden;\n }\n\n .scene-label {\n background: var(--surface);\n padding: 14px 16px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px;\n letter-spacing: 1px;\n color: var(--muted);\n border-right: 1px solid var(--border);\n display: flex;\n align-items: flex-start;\n text-transform: uppercase;\n }\n\n .scene-label.hook { color: var(--accent2); }\n .scene-label.build { color: var(--accent); }\n .scene-label.twist { color: #7b9ee8; }\n .scene-label.cta { color: var(--green); }\n .scene-label.visual { color: var(--muted); font-style: italic; }\n\n .scene-text {\n padding: 14px 20px;\n font-size: 15px;\n line-height: 1.65;\n color: var(--text);\n }\n\n .scene-text em {\n color: var(--muted);\n font-style: italic;\n font-size: 13px;\n }\n\n .scene-text strong {\n color: var(--accent);\n font-weight: 500;\n }\n\n \/* NOTES *\/\n .director-note {\n margin-top: 32px;\n padding: 20px 24px;\n border-left: 3px solid var(--accent2);\n background: #1a1208;\n }\n\n .director-note h4 {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n letter-spacing: 2px;\n color: var(--accent2);\n margin-bottom: 10px;\n }\n\n .director-note p {\n font-size: 14px;\n color: var(--muted);\n line-height: 1.7;\n }\n\n \/* SIDEBAR *\/\n .sidebar {\n padding-top: 40px;\n }\n\n .sidebar-block {\n border: 1px solid var(--border);\n margin-bottom: 16px;\n overflow: hidden;\n }\n\n .sidebar-block h3 {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n letter-spacing: 2px;\n color: var(--muted);\n padding: 12px 16px;\n background: var(--surface);\n border-bottom: 1px solid var(--border);\n text-transform: uppercase;\n }\n\n .fact-item {\n padding: 14px 16px;\n border-bottom: 1px solid var(--border);\n font-size: 13px;\n line-height: 1.55;\n color: var(--text);\n }\n\n .fact-item:last-child { border-bottom: none; }\n\n .fact-item .fact-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n color: var(--accent);\n display: block;\n line-height: 1;\n margin-bottom: 4px;\n }\n\n .hook-list li {\n padding: 10px 16px;\n border-bottom: 1px solid var(--border);\n font-size: 13px;\n color: var(--text);\n line-height: 1.5;\n list-style: none;\n }\n\n .hook-list li:last-child { border-bottom: none; }\n\n .hook-list li::before {\n content: '\u2192';\n color: var(--accent2);\n margin-right: 8px;\n font-family: 'IBM Plex Mono', monospace;\n }\n\n .word-count {\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n\n .wc-item {\n padding: 14px 16px;\n border-right: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n text-align: center;\n }\n\n .wc-item:nth-child(2n) { border-right: none; }\n .wc-item:nth-last-child(-n+2) { border-bottom: none; }\n\n .wc-item .num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 32px;\n color: var(--accent);\n display: block;\n }\n\n .wc-item .label {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px;\n color: var(--muted);\n letter-spacing: 1px;\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"logo\">\n ROOF OF WORLDS\n <span>SCRIPT TOOL<\/span>\n <\/div>\n <div class=\"episode-tag\">EP. ZL\u00cdN \u2014 M\u011aSTO BUDOUCNOSTI<\/div>\n<\/header>\n\n<div class=\"hero\">\n <div class=\"hero-label\">Sc\u00e9n\u00e1\u0159 \u00b7 Kr\u00e1tk\u00fd form\u00e1t \u00b7 TikTok \/ YouTube Shorts<\/div>\n <h1>Ba\u0165a postavil<br>m\u011bsto budoucnosti.<br><span class=\"year\">Stalo se minulost\u00ed.<\/span><\/h1>\n <p class=\"hero-sub\">T\u0159i d\u00e9lky sc\u00e9n\u00e1\u0159e. Jeden p\u0159\u00edb\u011bh. Zl\u00edn \u2014 nejambici\u00f3zn\u011bj\u0161\u00ed urbanistick\u00fd experiment st\u0159edn\u00ed Evropy.<\/p>\n<\/div>\n\n<div class=\"tabs\">\n <button class=\"tab active\" onclick=\"switchTab('v15')\">\n ULTRA SHORT <span class=\"duration\">15 sek<\/span>\n <\/button>\n <button class=\"tab\" onclick=\"switchTab('v30')\">\n SHORT <span class=\"duration\">30 sek<\/span>\n <\/button>\n <button class=\"tab\" onclick=\"switchTab('v60')\">\n PLN\u00c1 VERZE <span class=\"duration\">60 sek<\/span>\n <\/button>\n <button class=\"tab\" onclick=\"switchTab('hooks')\">\n ALTERNATIVN\u00cd HOOKY\n <\/button>\n<\/div>\n\n<main>\n <div class=\"script-panel\">\n\n \n <div class=\"script-content active\" id=\"v15\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">15 sekund<\/div>\n <div class=\"meta-chip\">~40 slov<\/div>\n <div class=\"meta-chip\">TikTok \/ Reels<\/div>\n <div class=\"meta-chip\">2\u20133 z\u00e1b\u011bry<\/div>\n <\/div>\n\n <div class=\"scene\">\n <div class=\"scene-label hook\">HOOK<br>0\u20133s<\/div>\n <div class=\"scene-text\">\n <strong>Tohle m\u011bsto navrhl architekt, kter\u00fd nikdy nestudoval architekturu.<\/strong>\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label visual\">VIZU\u00c1L<\/div>\n <div class=\"scene-text\"><em>Leteck\u00fd z\u00e1b\u011br funkcionalistick\u00fdch budov Zl\u00edna. \u010cerven\u00e9 cihly, pravideln\u00e1 m\u0159\u00ed\u017eka ulic.<\/em><\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label build\">ST\u0158ED<br>3\u201312s<\/div>\n <div class=\"scene-text\">\n Zl\u00edn ve 30. letech byl doslova chyt\u0159ej\u0161\u00ed ne\u017e Lond\u00fdn. \u0160koly, nemocnice, kina \u2014 v\u0161e pro d\u011bln\u00edky. Ba\u0165a nevyr\u00e1b\u011bl boty. <strong>Vyr\u00e1b\u011bl ide\u00e1ln\u00ed spole\u010dnost.<\/strong>\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label cta\">CTA<br>12\u201315s<\/div>\n <div class=\"scene-text\">\n <strong>Pro\u010d to skon\u010dilo?<\/strong> <em>(text na obrazovce: SLEDUJ \u2191)<\/em>\n <\/div>\n <\/div>\n\n <div class=\"director-note\">\n <h4>Re\u017eis\u00e9rsk\u00e1 pozn\u00e1mka<\/h4>\n <p>Hook funguje na kontrastu \u2014 \u010dek\u00e1me architekta se vzd\u011bl\u00e1n\u00edm, dostaneme obuvn\u00edka. Nechej tam pauzu po prvn\u00ed v\u011bt\u011b. Vizu\u00e1ln\u011b: \u017e\u00e1dn\u00e9 titulky na hooky, a\u0165 div\u00e1k \u010dte ze rt\u016f.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"script-content\" id=\"v30\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">30 sekund<\/div>\n <div class=\"meta-chip\">~80 slov<\/div>\n <div class=\"meta-chip\">TikTok \/ Shorts<\/div>\n <div class=\"meta-chip\">optim\u00e1ln\u00ed d\u00e9lka<\/div>\n <\/div>\n\n <div class=\"scene\">\n <div class=\"scene-label hook\">HOOK<br>0\u20134s<\/div>\n <div class=\"scene-text\">\n <strong>Ve 30. letech existovalo v Evrop\u011b m\u011bsto, kde d\u011bln\u00edci \u017eili l\u00e9pe ne\u017e st\u0159edn\u00edci t\u0159\u00edda v Pa\u0159\u00ed\u017ei.<\/strong>\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label visual\">VIZU\u00c1L<\/div>\n <div class=\"scene-text\"><em>Dobov\u00e9 fotografie Zl\u00edna \u2014 vila \u010dtvrti, tov\u00e1rn\u00ed budovy \u010d. 14 a 15, sportovn\u00ed h\u0159i\u0161t\u011b.<\/em><\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label build\">KONTEXT<br>4\u201314s<\/div>\n <div class=\"scene-text\">\n Zl\u00edn. Tom\u00e1\u0161 Ba\u0165a neprod\u00e1val jen boty \u2014 <strong>budoval cel\u00fd syst\u00e9m.<\/strong> \u0160koly, nemocnice, sportovn\u00ed h\u0159i\u0161t\u011b, kina. Ka\u017ed\u00fd d\u011bln\u00edk bydlel ve vlastn\u00edm domku se zahradou.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label twist\">ZVRAT<br>14\u201324s<\/div>\n <div class=\"scene-text\">\n Ale byl v tom h\u00e1\u010dek. V\u00fdm\u011bnou za komfort dost\u00e1val Ba\u0165a <strong>absolutn\u00ed loajalitu.<\/strong> Hodnotily se v\u00fdsledky. Kdo nest\u00edhal \u2014 byl propu\u0161t\u011bn. M\u011bsto bylo z\u00e1rove\u0148 tov\u00e1rnou a kontroln\u00edm syst\u00e9mem.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label cta\">Z\u00c1V\u011aR + CTA<br>24\u201330s<\/div>\n <div class=\"scene-text\">\n Bylo to utopie, nebo dystopie? <strong>Z\u00e1le\u017e\u00ed, koho se zept\u00e1\u0161.<\/strong> <em>(text: Sleduj pro v\u00edc p\u0159\u00edb\u011bh\u016f o firm\u00e1ch, kter\u00e9 zm\u011bnily sv\u011bt)<\/em>\n <\/div>\n <\/div>\n\n <div class=\"director-note\">\n <h4>Re\u017eis\u00e9rsk\u00e1 pozn\u00e1mka<\/h4>\n <p>Kl\u00ed\u010dov\u00fd moment je slovo „h\u00e1\u010dek“ \u2014 tam dej vizu\u00e1ln\u00ed st\u0159ih nebo dramatickou pauzu. Z\u00e1v\u011bre\u010dn\u00e1 ot\u00e1zka „utopie nebo dystopie“ je z\u00e1m\u011brn\u011b otev\u0159en\u00e1 \u2014 nut\u00ed koment\u00e1\u0159e. Vyvaruj se odpov\u011bdi.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"script-content\" id=\"v60\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">55\u201360 sekund<\/div>\n <div class=\"meta-chip\">~160 slov<\/div>\n <div class=\"meta-chip\">YouTube Shorts \/ TikTok<\/div>\n <div class=\"meta-chip\">epizodn\u00ed form\u00e1t<\/div>\n <\/div>\n\n <div class=\"scene\">\n <div class=\"scene-label hook\">HOOK<br>0\u20135s<\/div>\n <div class=\"scene-text\">\n <strong>Roku 1932 byl Zl\u00edn modern\u011bj\u0161\u00ed ne\u017e New York.<\/strong> A st\u00e1l za n\u00edm jeden \u010dlov\u011bk, kter\u00fd za\u010d\u00ednal bez koruny.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label visual\">VIZU\u00c1L<\/div>\n <div class=\"scene-text\"><em>Rychl\u00fd mont\u00e1\u017e: dobov\u00e9 foto Zl\u00edna vs. dobov\u00e9 foto Manhattanu. Pak portr\u00e9t Tom\u00e1\u0161e Bati.<\/em><\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label build\">P\u0158\u00cdB\u011aH<br>5\u201322s<\/div>\n <div class=\"scene-text\">\n Tom\u00e1\u0161 Ba\u0165a zd\u011bdil zbankrotovanou obuvnickou d\u00edlnu. V roce 1905 odcestoval do Ameriky studovat Fordovy tov\u00e1rny. P\u0159ivezl si p\u00e1sovou v\u00fdrobu \u2014 ale p\u0159idal n\u011bco nav\u00edc. <strong>P\u0159ivezl vizi cel\u00e9ho m\u011bsta.<\/strong>\n <br><br>\n Zl\u00edn se stal experimentem: pravideln\u00e1 z\u00e1stavba, funkcionalistick\u00e9 budovy, v\u00fdzkumn\u00e9 centrum, filmov\u00fd ateli\u00e9r. Ba\u0165a v\u011b\u0159il, \u017ee \u0161\u0165astn\u00fd d\u011bln\u00edk je produktivn\u00ed d\u011bln\u00edk.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label twist\">ST\u00cdN<br>22\u201342s<\/div>\n <div class=\"scene-text\">\n Ale projekt m\u011bl stinnou str\u00e1nku. <strong>Ba\u0165a sledoval v\u0161echno.<\/strong> V\u00fdkony, doch\u00e1zku, osobn\u00ed \u017eivot. Alkohol byl zak\u00e1z\u00e1n. Kdo nesplnil normy \u2014 p\u0159i\u0161el o d\u016fm, o pr\u00e1ci, o komunitu.\n <br><br>\n M\u011bsto bylo navr\u017een\u00e9 tak, aby z n\u011bj lid\u00e9 neodch\u00e1zeli. A v\u011bt\u0161inou skute\u010dn\u011b neode\u0161li \u2014 proto\u017ee nikde jinde to tak dobr\u00e9 nebylo.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label cta\">REFLEXE + CTA<br>42\u201358s<\/div>\n <div class=\"scene-text\">\n Po v\u00e1lce komunist\u00e9 tov\u00e1rnu zn\u00e1rodnili. Vizi zabili. Dnes je Zl\u00edn norm\u00e1ln\u00ed krajsk\u00e9 m\u011bsto \u2014 ale stopy Bati jsou v\u0161ude.\n <br><br>\n <strong>Ot\u00e1zka pro tebe: Byl Ba\u0165a g\u00e9nius, nebo dikt\u00e1tor?<\/strong> <em>(text: Napi\u0161 do koment\u00e1\u0159\u016f \u2193 Sleduj Roof of Worlds)<\/em>\n <\/div>\n <\/div>\n\n <div class=\"director-note\">\n <h4>Re\u017eis\u00e9rsk\u00e1 pozn\u00e1mka<\/h4>\n <p>Tato verze funguje jako pilotn\u00ed d\u00edl s\u00e9rie o „\u010desk\u00fdch utopist\u00e1ch“. Z\u00e1v\u011bre\u010dn\u00e1 ot\u00e1zka je z\u00e1m\u011brn\u011b polarizuj\u00edc\u00ed \u2014 „g\u00e9nius nebo dikt\u00e1tor“ generuje koment\u00e1\u0159e z obou t\u00e1bor\u016f. Uva\u017euj o s\u00e9rii: p\u0159\u00ed\u0161t\u00ed d\u00edl by mohl b\u00fdt Mlad\u00e1 Boleslav \/ \u0160koda, nebo Ba\u0165\u016fv New Zl\u00edn v Braz\u00edlii.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"script-content\" id=\"hooks\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">A\/B testovac\u00ed hooky<\/div>\n <div class=\"meta-chip\">Vyber si jeden<\/div>\n <\/div>\n\n <div style=\"margin-bottom: 24px; padding: 16px 20px; border: 1px solid var(--border); font-size: 13px; color: var(--muted); line-height: 1.6;\">\n Hook je nejd\u016fle\u017eit\u011bj\u0161\u00ed v\u011bta videa. Prvn\u00edch 2\u20133 sekundy rozhoduj\u00ed o tom, jestli \u010dlov\u011bk scrolluje d\u00e1l, nebo z\u016fstane. Tady jsou varianty pro r\u016fzn\u00e9 typy div\u00e1k\u016f.\n <\/div>\n\n <ul class=\"hook-list sidebar-block\" style=\"margin-bottom: 8px;\">\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">KONTRAST \/ \u0160OKUJ\u00cdC\u00cd TVRZEN\u00cd<\/strong>\n „Tohle m\u011bsto v roce 1935 m\u011blo lep\u0161\u00ed zdravotnictv\u00ed ne\u017e dne\u0161n\u00ed pr\u016fm\u011br EU.“\n <\/li>\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">Z\u00c1HADA \/ OT\u00c1ZKA<\/strong>\n „Pro\u010d jeden mu\u017e postavil cel\u00e9 m\u011bsto \u2014 a pak ho st\u00e1t vzal a zapomn\u011bl na n\u011bj?“\n <\/li>\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">OSOBN\u00cd \/ EMO\u010cN\u00cd<\/strong>\n „Kdybys mohl bydlet v nejlep\u0161\u00edm m\u011bst\u011b na sv\u011bt\u011b \u2014 ale firma by sledovala ka\u017ed\u00fd tv\u016fj krok. \u0160el bys?“\n <\/li>\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">RELEVANCE \/ DNES<\/strong>\n „Amazon, Google a Elon Musk stav\u011bj\u00ed firemn\u00ed m\u011bsta. Ba\u0165a to zkusil o 90 let d\u0159\u00edv.“\n <\/li>\n <li style=\"padding: 16px;\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">HISTORICK\u00dd PARADOX<\/strong>\n „Nejv\u011bt\u0161\u00ed soci\u00e1ln\u00ed experiment v \u010desk\u00e9 historii \u2014 a nevymyslela ho levice, ale kapitalista.“\n <\/li>\n <\/ul>\n\n <div class=\"director-note\">\n <h4>Doporu\u010den\u00ed<\/h4>\n <p>Pro TikTok \/ Gen Z \u2014 hook \u010d. 3 (osobn\u00ed dilema) nebo \u010d. 4 (spojen\u00ed s dne\u0161kem). Pro star\u0161\u00ed div\u00e1ky a YouTube \u2014 hook \u010d. 1 nebo \u010d. 5. Hook \u010d. 2 je univerz\u00e1ln\u00ed a funguje jako clickbait v pozitivn\u00edm slova smyslu.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <aside class=\"sidebar\">\n <div class=\"sidebar-block\">\n <h3>Kl\u00ed\u010dov\u00e1 fakta<\/h3>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1894<\/span>\n Tom\u00e1\u0161 Ba\u0165a zakl\u00e1d\u00e1 firmu \u2014 s vyp\u016fj\u010den\u00fdmi 800 zlat\u00fdmi od sestry.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">60 000<\/span>\n p\u00e1r\u016f bot denn\u011b ve 30. letech. Nejv\u011bt\u0161\u00ed v\u00fdrobce obuvi na sv\u011bt\u011b.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1932<\/span>\n Tom\u00e1\u0161 Ba\u0165a zahyne p\u0159i leteck\u00e9 nehod\u011b. Projekt p\u0159eb\u00edr\u00e1 nevlastn\u00ed bratr Jan Anton\u00edn.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1948<\/span>\n Komunistick\u00e9 zn\u00e1rodn\u011bn\u00ed. Zl\u00edn p\u0159ejmenov\u00e1n na Gottwaldov \u2014 jm\u00e9no dostala tov\u00e1rna i m\u011bsto.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1990<\/span>\n M\u011bsto se vrac\u00ed k n\u00e1zvu Zl\u00edn. Dnes s\u00eddlo Univerzity Tom\u00e1\u0161e Bati.\n <\/div>\n <\/div>\n\n <div class=\"sidebar-block\">\n <h3>S\u00e9rie \u2014 n\u00e1vrhy dal\u0161\u00edch d\u00edl\u016f<\/h3>\n <ul class=\"hook-list\">\n <li>Ba\u0165a v Braz\u00edlii \u2014 Novo Hamburgo, New Zl\u00edn, Bataypor\u00e3<\/li>\n <li>\u0160koda Mlad\u00e1 Boleslav \u2014 jin\u00fd pr\u016fmyslov\u00fd sen<\/li>\n <li>Ba\u0165\u016fv mrakodrap \u2014 v\u00fdtah s kancel\u00e1\u0159\u00ed \u0161\u00e9fa<\/li>\n <li>Pro\u010d Ba\u0165a nen\u00e1vid\u011bl banky<\/li>\n <li>Ba\u0165ova \u0161kola pr\u00e1ce \u2014 kapitalismus nebo kult?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"sidebar-block\">\n <h3>Orienta\u010dn\u00ed d\u00e9lky<\/h3>\n <div class=\"word-count\">\n <div class=\"wc-item\">\n <span class=\"num\">40<\/span>\n <span class=\"label\">slov \/ 15s<\/span>\n <\/div>\n <div class=\"wc-item\">\n <span class=\"num\">80<\/span>\n <span class=\"label\">slov \/ 30s<\/span>\n <\/div>\n <div class=\"wc-item\">\n <span class=\"num\">160<\/span>\n <span class=\"label\">slov \/ 60s<\/span>\n <\/div>\n <div class=\"wc-item\">\n <span class=\"num\">3<\/span>\n <span class=\"label\">sec hook max<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sidebar-block\">\n <h3>Vizu\u00e1ln\u00ed tipy<\/h3>\n <ul class=\"hook-list\">\n <li>Archiv Zl\u00edn \u2014 archivzlin.cz (voln\u00e1 pou\u017eit\u00ed)<\/li>\n <li>Ba\u0165\u016fv mrakodrap (\u010d. 21) \u2014 ikonick\u00fd z\u00e1b\u011br<\/li>\n <li>Leteck\u00e9 foto m\u0159\u00ed\u017eky ulic z 30. let vs. dnes<\/li>\n <li>Dobov\u00e9 reklamn\u00ed plak\u00e1ty Ba\u0165a \u2014 esteticky siln\u00e9<\/li>\n <li>Muzeum obuvi Zl\u00edn \u2014 kontaktuj pro z\u00e1b\u011bry<\/li>\n <\/ul>\n <\/div>\n <\/aside>\n<\/main>\n\n<script>\n function switchTab(id) {\n document.querySelectorAll('.script-content').forEach(el => el.classList.remove('active'));\n document.querySelectorAll('.tab').forEach(el => el.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n }\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Roof of Worlds \u2014 Zl\u00edn Sc\u00e9n\u00e1\u0159 ROOF OF WORLDS SCRIPT TOOL EP. ZL\u00cdN \u2014 M\u011aSTO BUDOUCNOSTI Sc\u00e9n\u00e1\u0159 \u00b7 Kr\u00e1tk\u00fd form\u00e1t \u00b7 TikTok \/ YouTube Shorts Ba\u0165a postavilm\u011bsto budoucnosti.Stalo se minulost\u00ed. T\u0159i d\u00e9lky sc\u00e9n\u00e1\u0159e. Jeden p\u0159\u00edb\u011bh. Zl\u00edn \u2014 nejambici\u00f3zn\u011bj\u0161\u00ed urbanistick\u00fd experiment st\u0159edn\u00ed Evropy. ULTRA SHORT 15 sek SHORT 30 sek PLN\u00c1 VERZE 60 sek ALTERNATIVN\u00cd HOOKY […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":1,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages\/435\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":435,"date":"2026-03-06T09:14:17","date_gmt":"2026-03-06T09:14:17","guid":{"rendered":"http:\/\/test.adlien.cz\/?page_id=435"},"modified":"2026-03-06T09:14:18","modified_gmt":"2026-03-06T09:14:18","slug":"435-2","status":"publish","type":"page","link":"https:\/\/test.adlien.cz\/en\/435-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\nRoof of Worlds \u2014 Zl\u00edn Sc\u00e9n\u00e1\u0159<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:ital,wght@0,300;0,500;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #0a0a08;\n --surface: #111110;\n --border: #2a2a25;\n --accent: #e8c547;\n --accent2: #c8391a;\n --text: #e8e4d8;\n --muted: #7a7a6a;\n --green: #4aad6a;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'IBM Plex Sans', sans-serif;\n font-weight: 300;\n min-height: 100vh;\n padding: 0;\n }\n\n \/* HEADER *\/\n header {\n border-bottom: 1px solid var(--border);\n padding: 24px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: sticky;\n top: 0;\n background: var(--bg);\n z-index: 100;\n }\n\n .logo {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 22px;\n letter-spacing: 3px;\n color: var(--accent);\n }\n\n .logo span {\n color: var(--muted);\n font-size: 13px;\n font-family: 'IBM Plex Mono', monospace;\n display: block;\n letter-spacing: 2px;\n margin-top: -2px;\n }\n\n .episode-tag {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n border: 1px solid var(--border);\n padding: 6px 12px;\n letter-spacing: 1px;\n }\n\n \/* HERO *\/\n .hero {\n padding: 60px 40px 40px;\n border-bottom: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: 'ZL\u00cdN';\n position: absolute;\n right: -20px;\n top: -20px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 220px;\n color: #1a1a15;\n letter-spacing: -5px;\n pointer-events: none;\n line-height: 1;\n }\n\n .hero-label {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n color: var(--accent2);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .hero h1 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(42px, 6vw, 80px);\n line-height: 0.95;\n letter-spacing: 1px;\n max-width: 700px;\n position: relative;\n }\n\n .hero h1 .year {\n color: var(--accent);\n }\n\n .hero-sub {\n margin-top: 24px;\n font-size: 15px;\n color: var(--muted);\n max-width: 500px;\n line-height: 1.6;\n position: relative;\n }\n\n \/* TABS *\/\n .tabs {\n display: flex;\n gap: 0;\n padding: 0 40px;\n border-bottom: 1px solid var(--border);\n overflow-x: auto;\n }\n\n .tab {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 12px;\n letter-spacing: 1px;\n padding: 18px 24px;\n cursor: pointer;\n border: none;\n background: none;\n color: var(--muted);\n border-bottom: 2px solid transparent;\n margin-bottom: -1px;\n white-space: nowrap;\n transition: color 0.2s, border-color 0.2s;\n }\n\n .tab:hover { color: var(--text); }\n\n .tab.active {\n color: var(--accent);\n border-bottom-color: var(--accent);\n }\n\n .tab .duration {\n background: var(--border);\n padding: 2px 7px;\n margin-left: 8px;\n font-size: 10px;\n border-radius: 2px;\n }\n\n .tab.active .duration {\n background: var(--accent);\n color: var(--bg);\n }\n\n \/* MAIN CONTENT *\/\n main {\n padding: 0 40px 80px;\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 40px;\n max-width: 1200px;\n }\n\n @media (max-width: 900px) {\n main { grid-template-columns: 1fr; padding: 0 20px 60px; }\n header { padding: 20px; }\n .hero { padding: 40px 20px 30px; }\n .tabs { padding: 0 20px; }\n .hero::before { font-size: 130px; }\n }\n\n \/* SCRIPT PANEL *\/\n .script-panel {\n padding-top: 40px;\n }\n\n .script-content {\n display: none;\n }\n\n .script-content.active {\n display: block;\n animation: fadeIn 0.3s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .script-meta {\n display: flex;\n gap: 20px;\n margin-bottom: 32px;\n flex-wrap: wrap;\n }\n\n .meta-chip {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n padding: 6px 14px;\n border: 1px solid var(--border);\n color: var(--muted);\n letter-spacing: 1px;\n }\n\n .meta-chip.highlight {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* SCRIPT LINES *\/\n .scene {\n margin-bottom: 8px;\n display: grid;\n grid-template-columns: 120px 1fr;\n gap: 0;\n border: 1px solid var(--border);\n overflow: hidden;\n }\n\n .scene-label {\n background: var(--surface);\n padding: 14px 16px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px;\n letter-spacing: 1px;\n color: var(--muted);\n border-right: 1px solid var(--border);\n display: flex;\n align-items: flex-start;\n text-transform: uppercase;\n }\n\n .scene-label.hook { color: var(--accent2); }\n .scene-label.build { color: var(--accent); }\n .scene-label.twist { color: #7b9ee8; }\n .scene-label.cta { color: var(--green); }\n .scene-label.visual { color: var(--muted); font-style: italic; }\n\n .scene-text {\n padding: 14px 20px;\n font-size: 15px;\n line-height: 1.65;\n color: var(--text);\n }\n\n .scene-text em {\n color: var(--muted);\n font-style: italic;\n font-size: 13px;\n }\n\n .scene-text strong {\n color: var(--accent);\n font-weight: 500;\n }\n\n \/* NOTES *\/\n .director-note {\n margin-top: 32px;\n padding: 20px 24px;\n border-left: 3px solid var(--accent2);\n background: #1a1208;\n }\n\n .director-note h4 {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n letter-spacing: 2px;\n color: var(--accent2);\n margin-bottom: 10px;\n }\n\n .director-note p {\n font-size: 14px;\n color: var(--muted);\n line-height: 1.7;\n }\n\n \/* SIDEBAR *\/\n .sidebar {\n padding-top: 40px;\n }\n\n .sidebar-block {\n border: 1px solid var(--border);\n margin-bottom: 16px;\n overflow: hidden;\n }\n\n .sidebar-block h3 {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 11px;\n letter-spacing: 2px;\n color: var(--muted);\n padding: 12px 16px;\n background: var(--surface);\n border-bottom: 1px solid var(--border);\n text-transform: uppercase;\n }\n\n .fact-item {\n padding: 14px 16px;\n border-bottom: 1px solid var(--border);\n font-size: 13px;\n line-height: 1.55;\n color: var(--text);\n }\n\n .fact-item:last-child { border-bottom: none; }\n\n .fact-item .fact-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n color: var(--accent);\n display: block;\n line-height: 1;\n margin-bottom: 4px;\n }\n\n .hook-list li {\n padding: 10px 16px;\n border-bottom: 1px solid var(--border);\n font-size: 13px;\n color: var(--text);\n line-height: 1.5;\n list-style: none;\n }\n\n .hook-list li:last-child { border-bottom: none; }\n\n .hook-list li::before {\n content: '\u2192';\n color: var(--accent2);\n margin-right: 8px;\n font-family: 'IBM Plex Mono', monospace;\n }\n\n .word-count {\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n\n .wc-item {\n padding: 14px 16px;\n border-right: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n text-align: center;\n }\n\n .wc-item:nth-child(2n) { border-right: none; }\n .wc-item:nth-last-child(-n+2) { border-bottom: none; }\n\n .wc-item .num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 32px;\n color: var(--accent);\n display: block;\n }\n\n .wc-item .label {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px;\n color: var(--muted);\n letter-spacing: 1px;\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"logo\">\n ROOF OF WORLDS\n <span>SCRIPT TOOL<\/span>\n <\/div>\n <div class=\"episode-tag\">EP. ZL\u00cdN \u2014 M\u011aSTO BUDOUCNOSTI<\/div>\n<\/header>\n\n<div class=\"hero\">\n <div class=\"hero-label\">Sc\u00e9n\u00e1\u0159 \u00b7 Kr\u00e1tk\u00fd form\u00e1t \u00b7 TikTok \/ YouTube Shorts<\/div>\n <h1>Ba\u0165a postavil<br>m\u011bsto budoucnosti.<br><span class=\"year\">Stalo se minulost\u00ed.<\/span><\/h1>\n <p class=\"hero-sub\">T\u0159i d\u00e9lky sc\u00e9n\u00e1\u0159e. Jeden p\u0159\u00edb\u011bh. Zl\u00edn \u2014 nejambici\u00f3zn\u011bj\u0161\u00ed urbanistick\u00fd experiment st\u0159edn\u00ed Evropy.<\/p>\n<\/div>\n\n<div class=\"tabs\">\n <button class=\"tab active\" onclick=\"switchTab('v15')\">\n ULTRA SHORT <span class=\"duration\">15 sek<\/span>\n <\/button>\n <button class=\"tab\" onclick=\"switchTab('v30')\">\n SHORT <span class=\"duration\">30 sek<\/span>\n <\/button>\n <button class=\"tab\" onclick=\"switchTab('v60')\">\n PLN\u00c1 VERZE <span class=\"duration\">60 sek<\/span>\n <\/button>\n <button class=\"tab\" onclick=\"switchTab('hooks')\">\n ALTERNATIVN\u00cd HOOKY\n <\/button>\n<\/div>\n\n<main>\n <div class=\"script-panel\">\n\n \n <div class=\"script-content active\" id=\"v15\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">15 sekund<\/div>\n <div class=\"meta-chip\">~40 slov<\/div>\n <div class=\"meta-chip\">TikTok \/ Reels<\/div>\n <div class=\"meta-chip\">2\u20133 z\u00e1b\u011bry<\/div>\n <\/div>\n\n <div class=\"scene\">\n <div class=\"scene-label hook\">HOOK<br>0\u20133s<\/div>\n <div class=\"scene-text\">\n <strong>Tohle m\u011bsto navrhl architekt, kter\u00fd nikdy nestudoval architekturu.<\/strong>\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label visual\">VIZU\u00c1L<\/div>\n <div class=\"scene-text\"><em>Leteck\u00fd z\u00e1b\u011br funkcionalistick\u00fdch budov Zl\u00edna. \u010cerven\u00e9 cihly, pravideln\u00e1 m\u0159\u00ed\u017eka ulic.<\/em><\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label build\">ST\u0158ED<br>3\u201312s<\/div>\n <div class=\"scene-text\">\n Zl\u00edn ve 30. letech byl doslova chyt\u0159ej\u0161\u00ed ne\u017e Lond\u00fdn. \u0160koly, nemocnice, kina \u2014 v\u0161e pro d\u011bln\u00edky. Ba\u0165a nevyr\u00e1b\u011bl boty. <strong>Vyr\u00e1b\u011bl ide\u00e1ln\u00ed spole\u010dnost.<\/strong>\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label cta\">CTA<br>12\u201315s<\/div>\n <div class=\"scene-text\">\n <strong>Pro\u010d to skon\u010dilo?<\/strong> <em>(text na obrazovce: SLEDUJ \u2191)<\/em>\n <\/div>\n <\/div>\n\n <div class=\"director-note\">\n <h4>Re\u017eis\u00e9rsk\u00e1 pozn\u00e1mka<\/h4>\n <p>Hook funguje na kontrastu \u2014 \u010dek\u00e1me architekta se vzd\u011bl\u00e1n\u00edm, dostaneme obuvn\u00edka. Nechej tam pauzu po prvn\u00ed v\u011bt\u011b. Vizu\u00e1ln\u011b: \u017e\u00e1dn\u00e9 titulky na hooky, a\u0165 div\u00e1k \u010dte ze rt\u016f.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"script-content\" id=\"v30\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">30 sekund<\/div>\n <div class=\"meta-chip\">~80 slov<\/div>\n <div class=\"meta-chip\">TikTok \/ Shorts<\/div>\n <div class=\"meta-chip\">optim\u00e1ln\u00ed d\u00e9lka<\/div>\n <\/div>\n\n <div class=\"scene\">\n <div class=\"scene-label hook\">HOOK<br>0\u20134s<\/div>\n <div class=\"scene-text\">\n <strong>Ve 30. letech existovalo v Evrop\u011b m\u011bsto, kde d\u011bln\u00edci \u017eili l\u00e9pe ne\u017e st\u0159edn\u00edci t\u0159\u00edda v Pa\u0159\u00ed\u017ei.<\/strong>\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label visual\">VIZU\u00c1L<\/div>\n <div class=\"scene-text\"><em>Dobov\u00e9 fotografie Zl\u00edna \u2014 vila \u010dtvrti, tov\u00e1rn\u00ed budovy \u010d. 14 a 15, sportovn\u00ed h\u0159i\u0161t\u011b.<\/em><\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label build\">KONTEXT<br>4\u201314s<\/div>\n <div class=\"scene-text\">\n Zl\u00edn. Tom\u00e1\u0161 Ba\u0165a neprod\u00e1val jen boty \u2014 <strong>budoval cel\u00fd syst\u00e9m.<\/strong> \u0160koly, nemocnice, sportovn\u00ed h\u0159i\u0161t\u011b, kina. Ka\u017ed\u00fd d\u011bln\u00edk bydlel ve vlastn\u00edm domku se zahradou.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label twist\">ZVRAT<br>14\u201324s<\/div>\n <div class=\"scene-text\">\n Ale byl v tom h\u00e1\u010dek. V\u00fdm\u011bnou za komfort dost\u00e1val Ba\u0165a <strong>absolutn\u00ed loajalitu.<\/strong> Hodnotily se v\u00fdsledky. Kdo nest\u00edhal \u2014 byl propu\u0161t\u011bn. M\u011bsto bylo z\u00e1rove\u0148 tov\u00e1rnou a kontroln\u00edm syst\u00e9mem.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label cta\">Z\u00c1V\u011aR + CTA<br>24\u201330s<\/div>\n <div class=\"scene-text\">\n Bylo to utopie, nebo dystopie? <strong>Z\u00e1le\u017e\u00ed, koho se zept\u00e1\u0161.<\/strong> <em>(text: Sleduj pro v\u00edc p\u0159\u00edb\u011bh\u016f o firm\u00e1ch, kter\u00e9 zm\u011bnily sv\u011bt)<\/em>\n <\/div>\n <\/div>\n\n <div class=\"director-note\">\n <h4>Re\u017eis\u00e9rsk\u00e1 pozn\u00e1mka<\/h4>\n <p>Kl\u00ed\u010dov\u00fd moment je slovo „h\u00e1\u010dek“ \u2014 tam dej vizu\u00e1ln\u00ed st\u0159ih nebo dramatickou pauzu. Z\u00e1v\u011bre\u010dn\u00e1 ot\u00e1zka „utopie nebo dystopie“ je z\u00e1m\u011brn\u011b otev\u0159en\u00e1 \u2014 nut\u00ed koment\u00e1\u0159e. Vyvaruj se odpov\u011bdi.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"script-content\" id=\"v60\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">55\u201360 sekund<\/div>\n <div class=\"meta-chip\">~160 slov<\/div>\n <div class=\"meta-chip\">YouTube Shorts \/ TikTok<\/div>\n <div class=\"meta-chip\">epizodn\u00ed form\u00e1t<\/div>\n <\/div>\n\n <div class=\"scene\">\n <div class=\"scene-label hook\">HOOK<br>0\u20135s<\/div>\n <div class=\"scene-text\">\n <strong>Roku 1932 byl Zl\u00edn modern\u011bj\u0161\u00ed ne\u017e New York.<\/strong> A st\u00e1l za n\u00edm jeden \u010dlov\u011bk, kter\u00fd za\u010d\u00ednal bez koruny.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label visual\">VIZU\u00c1L<\/div>\n <div class=\"scene-text\"><em>Rychl\u00fd mont\u00e1\u017e: dobov\u00e9 foto Zl\u00edna vs. dobov\u00e9 foto Manhattanu. Pak portr\u00e9t Tom\u00e1\u0161e Bati.<\/em><\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label build\">P\u0158\u00cdB\u011aH<br>5\u201322s<\/div>\n <div class=\"scene-text\">\n Tom\u00e1\u0161 Ba\u0165a zd\u011bdil zbankrotovanou obuvnickou d\u00edlnu. V roce 1905 odcestoval do Ameriky studovat Fordovy tov\u00e1rny. P\u0159ivezl si p\u00e1sovou v\u00fdrobu \u2014 ale p\u0159idal n\u011bco nav\u00edc. <strong>P\u0159ivezl vizi cel\u00e9ho m\u011bsta.<\/strong>\n <br><br>\n Zl\u00edn se stal experimentem: pravideln\u00e1 z\u00e1stavba, funkcionalistick\u00e9 budovy, v\u00fdzkumn\u00e9 centrum, filmov\u00fd ateli\u00e9r. Ba\u0165a v\u011b\u0159il, \u017ee \u0161\u0165astn\u00fd d\u011bln\u00edk je produktivn\u00ed d\u011bln\u00edk.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label twist\">ST\u00cdN<br>22\u201342s<\/div>\n <div class=\"scene-text\">\n Ale projekt m\u011bl stinnou str\u00e1nku. <strong>Ba\u0165a sledoval v\u0161echno.<\/strong> V\u00fdkony, doch\u00e1zku, osobn\u00ed \u017eivot. Alkohol byl zak\u00e1z\u00e1n. Kdo nesplnil normy \u2014 p\u0159i\u0161el o d\u016fm, o pr\u00e1ci, o komunitu.\n <br><br>\n M\u011bsto bylo navr\u017een\u00e9 tak, aby z n\u011bj lid\u00e9 neodch\u00e1zeli. A v\u011bt\u0161inou skute\u010dn\u011b neode\u0161li \u2014 proto\u017ee nikde jinde to tak dobr\u00e9 nebylo.\n <\/div>\n <\/div>\n <div class=\"scene\">\n <div class=\"scene-label cta\">REFLEXE + CTA<br>42\u201358s<\/div>\n <div class=\"scene-text\">\n Po v\u00e1lce komunist\u00e9 tov\u00e1rnu zn\u00e1rodnili. Vizi zabili. Dnes je Zl\u00edn norm\u00e1ln\u00ed krajsk\u00e9 m\u011bsto \u2014 ale stopy Bati jsou v\u0161ude.\n <br><br>\n <strong>Ot\u00e1zka pro tebe: Byl Ba\u0165a g\u00e9nius, nebo dikt\u00e1tor?<\/strong> <em>(text: Napi\u0161 do koment\u00e1\u0159\u016f \u2193 Sleduj Roof of Worlds)<\/em>\n <\/div>\n <\/div>\n\n <div class=\"director-note\">\n <h4>Re\u017eis\u00e9rsk\u00e1 pozn\u00e1mka<\/h4>\n <p>Tato verze funguje jako pilotn\u00ed d\u00edl s\u00e9rie o „\u010desk\u00fdch utopist\u00e1ch“. Z\u00e1v\u011bre\u010dn\u00e1 ot\u00e1zka je z\u00e1m\u011brn\u011b polarizuj\u00edc\u00ed \u2014 „g\u00e9nius nebo dikt\u00e1tor“ generuje koment\u00e1\u0159e z obou t\u00e1bor\u016f. Uva\u017euj o s\u00e9rii: p\u0159\u00ed\u0161t\u00ed d\u00edl by mohl b\u00fdt Mlad\u00e1 Boleslav \/ \u0160koda, nebo Ba\u0165\u016fv New Zl\u00edn v Braz\u00edlii.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"script-content\" id=\"hooks\">\n <div class=\"script-meta\">\n <div class=\"meta-chip highlight\">A\/B testovac\u00ed hooky<\/div>\n <div class=\"meta-chip\">Vyber si jeden<\/div>\n <\/div>\n\n <div style=\"margin-bottom: 24px; padding: 16px 20px; border: 1px solid var(--border); font-size: 13px; color: var(--muted); line-height: 1.6;\">\n Hook je nejd\u016fle\u017eit\u011bj\u0161\u00ed v\u011bta videa. Prvn\u00edch 2\u20133 sekundy rozhoduj\u00ed o tom, jestli \u010dlov\u011bk scrolluje d\u00e1l, nebo z\u016fstane. Tady jsou varianty pro r\u016fzn\u00e9 typy div\u00e1k\u016f.\n <\/div>\n\n <ul class=\"hook-list sidebar-block\" style=\"margin-bottom: 8px;\">\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">KONTRAST \/ \u0160OKUJ\u00cdC\u00cd TVRZEN\u00cd<\/strong>\n „Tohle m\u011bsto v roce 1935 m\u011blo lep\u0161\u00ed zdravotnictv\u00ed ne\u017e dne\u0161n\u00ed pr\u016fm\u011br EU.“\n <\/li>\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">Z\u00c1HADA \/ OT\u00c1ZKA<\/strong>\n „Pro\u010d jeden mu\u017e postavil cel\u00e9 m\u011bsto \u2014 a pak ho st\u00e1t vzal a zapomn\u011bl na n\u011bj?“\n <\/li>\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">OSOBN\u00cd \/ EMO\u010cN\u00cd<\/strong>\n „Kdybys mohl bydlet v nejlep\u0161\u00edm m\u011bst\u011b na sv\u011bt\u011b \u2014 ale firma by sledovala ka\u017ed\u00fd tv\u016fj krok. \u0160el bys?“\n <\/li>\n <li style=\"padding: 16px; border-bottom: 1px solid var(--border);\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">RELEVANCE \/ DNES<\/strong>\n „Amazon, Google a Elon Musk stav\u011bj\u00ed firemn\u00ed m\u011bsta. Ba\u0165a to zkusil o 90 let d\u0159\u00edv.“\n <\/li>\n <li style=\"padding: 16px;\">\n <strong style=\"color: var(--accent); font-size: 11px; font-family: 'IBM Plex Mono', monospace; display: block; margin-bottom: 6px; letter-spacing: 1px;\">HISTORICK\u00dd PARADOX<\/strong>\n „Nejv\u011bt\u0161\u00ed soci\u00e1ln\u00ed experiment v \u010desk\u00e9 historii \u2014 a nevymyslela ho levice, ale kapitalista.“\n <\/li>\n <\/ul>\n\n <div class=\"director-note\">\n <h4>Doporu\u010den\u00ed<\/h4>\n <p>Pro TikTok \/ Gen Z \u2014 hook \u010d. 3 (osobn\u00ed dilema) nebo \u010d. 4 (spojen\u00ed s dne\u0161kem). Pro star\u0161\u00ed div\u00e1ky a YouTube \u2014 hook \u010d. 1 nebo \u010d. 5. Hook \u010d. 2 je univerz\u00e1ln\u00ed a funguje jako clickbait v pozitivn\u00edm slova smyslu.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <aside class=\"sidebar\">\n <div class=\"sidebar-block\">\n <h3>Kl\u00ed\u010dov\u00e1 fakta<\/h3>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1894<\/span>\n Tom\u00e1\u0161 Ba\u0165a zakl\u00e1d\u00e1 firmu \u2014 s vyp\u016fj\u010den\u00fdmi 800 zlat\u00fdmi od sestry.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">60 000<\/span>\n p\u00e1r\u016f bot denn\u011b ve 30. letech. Nejv\u011bt\u0161\u00ed v\u00fdrobce obuvi na sv\u011bt\u011b.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1932<\/span>\n Tom\u00e1\u0161 Ba\u0165a zahyne p\u0159i leteck\u00e9 nehod\u011b. Projekt p\u0159eb\u00edr\u00e1 nevlastn\u00ed bratr Jan Anton\u00edn.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1948<\/span>\n Komunistick\u00e9 zn\u00e1rodn\u011bn\u00ed. Zl\u00edn p\u0159ejmenov\u00e1n na Gottwaldov \u2014 jm\u00e9no dostala tov\u00e1rna i m\u011bsto.\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-num\">1990<\/span>\n M\u011bsto se vrac\u00ed k n\u00e1zvu Zl\u00edn. Dnes s\u00eddlo Univerzity Tom\u00e1\u0161e Bati.\n <\/div>\n <\/div>\n\n <div class=\"sidebar-block\">\n <h3>S\u00e9rie \u2014 n\u00e1vrhy dal\u0161\u00edch d\u00edl\u016f<\/h3>\n <ul class=\"hook-list\">\n <li>Ba\u0165a v Braz\u00edlii \u2014 Novo Hamburgo, New Zl\u00edn, Bataypor\u00e3<\/li>\n <li>\u0160koda Mlad\u00e1 Boleslav \u2014 jin\u00fd pr\u016fmyslov\u00fd sen<\/li>\n <li>Ba\u0165\u016fv mrakodrap \u2014 v\u00fdtah s kancel\u00e1\u0159\u00ed \u0161\u00e9fa<\/li>\n <li>Pro\u010d Ba\u0165a nen\u00e1vid\u011bl banky<\/li>\n <li>Ba\u0165ova \u0161kola pr\u00e1ce \u2014 kapitalismus nebo kult?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"sidebar-block\">\n <h3>Orienta\u010dn\u00ed d\u00e9lky<\/h3>\n <div class=\"word-count\">\n <div class=\"wc-item\">\n <span class=\"num\">40<\/span>\n <span class=\"label\">slov \/ 15s<\/span>\n <\/div>\n <div class=\"wc-item\">\n <span class=\"num\">80<\/span>\n <span class=\"label\">slov \/ 30s<\/span>\n <\/div>\n <div class=\"wc-item\">\n <span class=\"num\">160<\/span>\n <span class=\"label\">slov \/ 60s<\/span>\n <\/div>\n <div class=\"wc-item\">\n <span class=\"num\">3<\/span>\n <span class=\"label\">sec hook max<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sidebar-block\">\n <h3>Vizu\u00e1ln\u00ed tipy<\/h3>\n <ul class=\"hook-list\">\n <li>Archiv Zl\u00edn \u2014 archivzlin.cz (voln\u00e1 pou\u017eit\u00ed)<\/li>\n <li>Ba\u0165\u016fv mrakodrap (\u010d. 21) \u2014 ikonick\u00fd z\u00e1b\u011br<\/li>\n <li>Leteck\u00e9 foto m\u0159\u00ed\u017eky ulic z 30. let vs. dnes<\/li>\n <li>Dobov\u00e9 reklamn\u00ed plak\u00e1ty Ba\u0165a \u2014 esteticky siln\u00e9<\/li>\n <li>Muzeum obuvi Zl\u00edn \u2014 kontaktuj pro z\u00e1b\u011bry<\/li>\n <\/ul>\n <\/div>\n <\/aside>\n<\/main>\n\n<script>\n function switchTab(id) {\n document.querySelectorAll('.script-content').forEach(el => el.classList.remove('active'));\n document.querySelectorAll('.tab').forEach(el => el.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n }\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Roof of Worlds \u2014 Zl\u00edn Sc\u00e9n\u00e1\u0159 ROOF OF WORLDS SCRIPT TOOL EP. ZL\u00cdN \u2014 M\u011aSTO BUDOUCNOSTI Sc\u00e9n\u00e1\u0159 \u00b7 Kr\u00e1tk\u00fd form\u00e1t \u00b7 TikTok \/ YouTube Shorts Ba\u0165a postavilm\u011bsto budoucnosti.Stalo se minulost\u00ed. T\u0159i d\u00e9lky sc\u00e9n\u00e1\u0159e. Jeden p\u0159\u00edb\u011bh. Zl\u00edn \u2014 nejambici\u00f3zn\u011bj\u0161\u00ed urbanistick\u00fd experiment st\u0159edn\u00ed Evropy. ULTRA SHORT 15 sek SHORT 30 sek PLN\u00c1 VERZE 60 sek ALTERNATIVN\u00cd HOOKY […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":1,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/pages\/435\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/test.adlien.cz\/en\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}