← back to Thesetdecorator
auto-save: 2026-06-26T08:43:59 (6 files) — tmp/mockups/01-editorial-magazine.html tmp/mockups/02-restrained-luxury.html tmp/mockups/03-data-led.html tmp/mockups/04-print-trade.html tmp/mockups/05-brutalist.html
f99285c74a6e64604f883ecccb5ebe0a3e57d8a7 · 2026-06-26 08:44:12 -0700 · Steve Abrams
Files touched
D tmp/mockups/01-editorial-magazine.htmlD tmp/mockups/02-restrained-luxury.htmlD tmp/mockups/03-data-led.htmlD tmp/mockups/04-print-trade.htmlD tmp/mockups/05-brutalist.htmlD tmp/mockups/index.html
Diff
commit f99285c74a6e64604f883ecccb5ebe0a3e57d8a7
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Fri Jun 26 08:44:12 2026 -0700
auto-save: 2026-06-26T08:43:59 (6 files) — tmp/mockups/01-editorial-magazine.html tmp/mockups/02-restrained-luxury.html tmp/mockups/03-data-led.html tmp/mockups/04-print-trade.html tmp/mockups/05-brutalist.html
---
tmp/mockups/01-editorial-magazine.html | 223 -------------------------
tmp/mockups/02-restrained-luxury.html | 221 -------------------------
tmp/mockups/03-data-led.html | 243 ----------------------------
tmp/mockups/04-print-trade.html | 287 ---------------------------------
tmp/mockups/05-brutalist.html | 242 ---------------------------
tmp/mockups/index.html | 102 ------------
6 files changed, 1318 deletions(-)
diff --git a/tmp/mockups/01-editorial-magazine.html b/tmp/mockups/01-editorial-magazine.html
deleted file mode 100644
index c2a81d6..0000000
--- a/tmp/mockups/01-editorial-magazine.html
+++ /dev/null
@@ -1,223 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Variant 1 — Editorial / Magazine — The Set Decorator</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@400;500;600;700&family=Source+Serif+4:wght@400;600&display=swap">
-<style>
- :root{
- --ink:#111; --bg:#f7f4ec; --paper:#fbf9f3; --accent:#a3232b;
- --rule:#1a1a1a; --muted:#5a5246; --gold:#a07a30;
- --serif:'Source Serif 4',Georgia,serif;
- --display:'Playfair Display',Georgia,serif;
- --ui:'Inter',system-ui,sans-serif;
- }
- *{box-sizing:border-box}
- body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.55}
- a{color:inherit}
- .ed-shell{max-width:1320px;margin:0 auto;padding:0 28px}
-
- /* Masthead — Variety-style */
- .masthead{border-bottom:6px double var(--rule);padding:18px 0 12px;margin-bottom:0}
- .masthead-top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--ui);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--rule)}
- .masthead-top span{display:inline-flex;gap:18px}
- .masthead-title{font-family:var(--display);font-weight:900;font-size:clamp(48px,7vw,108px);line-height:0.92;letter-spacing:-0.02em;margin:16px 0 6px;text-align:center}
- .masthead-sub{text-align:center;font-family:var(--ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-bottom:14px}
- .masthead-sub strong{color:var(--accent);font-weight:600}
-
- /* Nav row */
- .ed-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--rule);padding:0;font-family:var(--ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
- .ed-nav a{padding:14px 18px;text-decoration:none;color:var(--ink);border-right:1px solid var(--rule);font-weight:500}
- .ed-nav a:first-child{border-left:1px solid var(--rule)}
- .ed-nav a:hover{background:var(--ink);color:var(--paper)}
-
- /* Feature lede */
- .feature{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;padding:36px 0;border-bottom:1px solid var(--rule)}
- .feature-art{position:relative;background:#0e0e0e}
- .feature-art img{display:block;width:100%;height:100%;object-fit:cover;min-height:520px;max-height:680px}
- .feature-art .credit{position:absolute;bottom:8px;left:10px;font-family:var(--ui);font-size:10px;letter-spacing:.06em;color:#e8e0c8;text-shadow:0 1px 2px #000}
- .feature-text{padding:4px 0;display:flex;flex-direction:column;gap:18px;justify-content:space-between}
- .kicker{font-family:var(--ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600;border-top:1px solid var(--rule);padding-top:14px}
- .feature h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,62px);line-height:1.02;letter-spacing:-0.015em;margin:0}
- .feature .deck{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.4;color:var(--ink);margin:0;max-width:54ch}
- .byline{font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:14px;border-top:1px solid var(--rule)}
- .feature-cta{display:flex;gap:14px;align-items:center;padding-top:8px}
- .btn-primary{display:inline-block;background:var(--ink);color:var(--paper);font-family:var(--ui);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:14px 28px;text-decoration:none}
- .btn-primary:hover{background:var(--accent)}
- .btn-secondary{font-family:var(--ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}
-
- /* Drop-cap pull */
- .lede{font-family:var(--serif);font-size:18px;line-height:1.6;column-count:1}
- .lede::first-letter{font-family:var(--display);font-weight:900;font-size:84px;float:left;line-height:0.85;margin:6px 10px 0 0;color:var(--accent)}
-
- /* Sub-feature row */
- .subfeature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:32px 0;border-bottom:1px solid var(--rule)}
- .subfeature{display:flex;flex-direction:column;gap:10px}
- .subfeature h3{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1;margin:0}
- .subfeature p{margin:0;font-size:15px;color:#2b2620;line-height:1.5}
- .subfeature a{font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-decoration:none;font-weight:600;margin-top:6px}
-
- /* Stats row */
- .stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:28px 0;border-bottom:1px solid var(--rule);background:var(--paper)}
- .stats-row .stat{padding:18px 22px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:6px}
- .stats-row .stat:last-child{border-right:none}
- .stats-row .n{font-family:var(--display);font-weight:700;font-size:42px;line-height:1;color:var(--ink)}
- .stats-row .l{font-family:var(--ui);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);line-height:1.4}
-
- /* Credit wall — feature ticker, magazine-style */
- .credit-wall{padding:32px 0;border-bottom:1px solid var(--rule)}
- .credit-wall .label{font-family:var(--ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-align:center;padding-bottom:10px}
- .credit-wall .lede2{font-family:var(--display);font-style:italic;font-size:22px;text-align:center;color:var(--ink);max-width:48ch;margin:0 auto 18px;line-height:1.35}
- .credit-titles{font-family:var(--display);font-weight:400;font-size:clamp(18px,2.2vw,26px);text-align:center;line-height:1.5;color:var(--ink);max-width:94%;margin:0 auto}
- .credit-titles span.t{padding:0 6px}
- .credit-titles span.sep{color:var(--gold);padding:0 4px}
-
- /* Two-column index — magazine "Inside this issue" */
- .index{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding:36px 0;border-bottom:1px solid var(--rule)}
- .index h2{font-family:var(--display);font-weight:900;font-size:36px;line-height:1;margin:0 0 18px;letter-spacing:-0.01em}
- .index .il{font-family:var(--ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-bottom:6px;border-top:1px solid var(--rule);padding-top:12px;display:block}
- .index dl{margin:0;display:grid;grid-template-columns:60px 1fr;column-gap:22px;row-gap:16px}
- .index dt{font-family:var(--ui);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--accent);align-self:start;padding-top:3px}
- .index dd{margin:0;font-family:var(--serif);font-size:17px;line-height:1.45}
- .index dd a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
- .index dd em{font-style:italic;color:var(--muted);font-size:13px;display:block;margin-top:2px;font-family:var(--ui);letter-spacing:.04em}
-
- /* Footer */
- .ed-footer{padding:28px 0 40px;font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center}
- .ed-footer a{color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--muted);margin:0 8px}
-
- @media(max-width:900px){
- .feature,.index{grid-template-columns:1fr}
- .subfeature-row{grid-template-columns:1fr}
- .stats-row{grid-template-columns:1fr 1fr;gap:0}
- .stats-row .stat{border-right:none;border-bottom:1px solid var(--rule)}
- }
-</style>
-</head>
-<body>
-<div class="ed-shell">
- <header class="masthead">
- <div class="masthead-top">
- <span>Vol. 11 · No. 19</span>
- <span>Weekly trade · Sherman Oaks, CA</span>
- <span>Thursday, May 14, 2026</span>
- </div>
- <h1 class="masthead-title">The Set Decorator</h1>
- <div class="masthead-sub">The trade resource for working set decorators · <strong>Cleared art · Sourcing · Legal · Same-day delivery</strong></div>
- </header>
-
- <nav class="ed-nav" aria-label="Sections">
- <a href="/catalog.html">Cleared Artwork</a>
- <a href="/stores.html">Prop Houses</a>
- <a href="/attorneys.html">Attorneys</a>
- <a href="/fancy-search.html">Fancy Search</a>
- <a href="/itinerary.html">Itinerary</a>
- <a href="/videos.html">Interviews</a>
- <a href="/for-studios">For Studios</a>
- </nav>
-
- <section class="feature">
- <div class="feature-art">
- <img src="/img/hero/hero-rendered.jpg" alt="Cleared artwork rendered onto a 1928 American living-room set">
- <span class="credit">Cleared artwork on a 1928 living-room set · The Grace Museum, public domain</span>
- </div>
- <div class="feature-text">
- <div>
- <div class="kicker">Production Resources · Trade Read</div>
- <h1>Cleared art, in the room, on the same shoot day.</h1>
- <p class="deck">30,225 owned photographs. Sixty-two artworks vetted for set use with explicit on-screen licenses. Print, frame, and Uber-Direct delivery before lunch.</p>
- </div>
- <div class="lede">
- <p>The clearance memo runs eight pages. The art department has four days to dress a Sherman Oaks living room with no chain-of-title exposure. The library answers both at once — every piece traces to ownership, license terms, and a fast-print vendor that arrives in two hours.</p>
- </div>
- <div class="feature-cta">
- <a class="btn-primary" href="/catalog.html">Open the catalog</a>
- <a class="btn-secondary" href="/for-studios">Read the studio brief →</a>
- </div>
- <div class="byline">By the trade desk · Updated weekly</div>
- </div>
- </section>
-
- <section class="stats-row" aria-label="Library at a glance">
- <div class="stat"><span class="n">30,225</span><span class="l">Owned photographs · catalog ready</span></div>
- <div class="stat"><span class="n">62</span><span class="l">Cleared artworks · ready to print</span></div>
- <div class="stat"><span class="n">30</span><span class="l">Prop houses & vendors · indexed</span></div>
- <div class="stat"><span class="n">25</span><span class="l">Attorney resources · clearance & rights</span></div>
- <div class="stat"><span class="n">28</span><span class="l">Union locals · IATSE, USA 829, ADG</span></div>
- </section>
-
- <section class="subfeature-row">
- <article class="subfeature">
- <div class="kicker">Legal Desk</div>
- <h3>The entertainment-attorney directory studios were already paying for.</h3>
- <p>State bar entertainment sections, arts-legal nonprofits, ranking-directory lookups. Filterable by union, theatre, film, and commercial experience. Informational, not a referral.</p>
- <a href="/attorneys.html">Browse the directory →</a>
- </article>
- <article class="subfeature">
- <div class="kicker">Sourcing Desk</div>
- <h3>One search across stores, prop houses, attorneys, theatre, jobs, and trade resources.</h3>
- <p>Fancy Search collapses seven open tabs into one. Filter by city, vendor type, union or department. Save the result set as a working itinerary.</p>
- <a href="/fancy-search.html">Start Fancy Search →</a>
- </article>
- <article class="subfeature">
- <div class="kicker">Schedule Desk</div>
- <h3>Itinerary builder with clearance-first ordering for the shoot day.</h3>
- <p>Turns a search session into an ordered day — addresses, hours, drive time. Driver-handoff CSV export. Legal stop pinned first when it matters.</p>
- <a href="/itinerary.html">Build an itinerary →</a>
- </article>
- </section>
-
- <section class="credit-wall">
- <div class="label">In this issue · Pieces traced to set</div>
- <p class="lede2">Set-decorator interviews trace specific pieces to specific stores. Here is the partial credit wall.</p>
- <div class="credit-titles">
- <span class="t">Carol</span><span class="sep">·</span>
- <span class="t">The Grand Budapest Hotel</span><span class="sep">·</span>
- <span class="t">Once Upon a Time in Hollywood</span><span class="sep">·</span>
- <span class="t">Mad Men</span><span class="sep">·</span>
- <span class="t">Babylon</span><span class="sep">·</span>
- <span class="t">The French Dispatch</span><span class="sep">·</span>
- <span class="t">Mank</span><span class="sep">·</span>
- <span class="t">La La Land</span><span class="sep">·</span>
- <span class="t">Asteroid City</span><span class="sep">·</span>
- <span class="t">Killers of the Flower Moon</span>
- </div>
- </section>
-
- <section class="index">
- <div>
- <span class="il">Inside</span>
- <h2>What we ship.</h2>
- <dl>
- <dt>01</dt><dd><a href="/catalog.html">Cleared Artwork</a><em>The Abrams library — paintings, illustrations, photography, patterns.</em></dd>
- <dt>02</dt><dd><a href="/print.html">Fast-Print + Same-Day Delivery</a><em>Any size, finish, frame. Uber Direct in LA basin.</em></dd>
- <dt>03</dt><dd><a href="/stores.html">Prop Houses & Vendors</a><em>Per-store film-piece attribution from named decorators.</em></dd>
- <dt>04</dt><dd><a href="/attorneys.html">Entertainment Attorneys</a><em>Bar sections, nonprofits, ranking-directory lookups.</em></dd>
- <dt>05</dt><dd><a href="/itinerary.html">Itinerary Builder</a><em>Legal-first ordering. CSV handoff to driver.</em></dd>
- <dt>06</dt><dd><a href="/videos.html">Decorator Interviews</a><em>SDSA members on continuity, period research, the working department.</em></dd>
- <dt>07</dt><dd><a href="/awards/canon">★ The Canon</a><em>Top 50 production designers and decorators across 18 academies.</em></dd>
- </dl>
- </div>
- <div>
- <span class="il">For Studios & Platforms</span>
- <h2>Talk to a person.</h2>
- <p style="font-family:var(--serif);font-size:17px;line-height:1.6;margin:0 0 18px">Disney, Netflix, Apple TV+, Warner Bros, A24. Same workflow whether you're dressing a feature in Atlanta or a half-hour comedy in Burbank: cleared inventory, sourcing trail, legal layer, same-day delivery.</p>
- <p style="font-family:var(--ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.7">
- <a href="mailto:demo@thesetdecorator.com" style="color:var(--accent);text-decoration:none;font-weight:600">demo@thesetdecorator.com</a><br>
- Sherman Oaks · Greater Los Angeles<br>
- One business day · No automation funnel
- </p>
- <a class="btn-primary" href="/request-demo" style="margin-top:16px">Request a demo</a>
- </div>
- </section>
-
- <footer class="ed-footer">
- © 2026 The Set Decorator · A production-design hub by Abrams<br>
- <a href="/for-studios">For Studios</a> · <a href="/request-demo">Demo</a> · <a href="/about.html">About</a> · <a href="/privacy.html">Privacy</a>
- </footer>
-</div>
-</body>
-</html>
diff --git a/tmp/mockups/02-restrained-luxury.html b/tmp/mockups/02-restrained-luxury.html
deleted file mode 100644
index c49ad5f..0000000
--- a/tmp/mockups/02-restrained-luxury.html
+++ /dev/null
@@ -1,221 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Variant 2 — Restrained Luxury — The Set Decorator</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&family=Inter:wght@300;400;500;600&display=swap">
-<style>
- :root{
- --bg:#0d0d0d; --fg:#f1ece2; --paper:#f6f1e6;
- --accent:#c9a96e; --rule:rgba(241,236,226,0.14);
- --muted:rgba(241,236,226,0.55);
- --display:'Cormorant Garamond',Garamond,serif;
- --ui:'Inter',system-ui,sans-serif;
- }
- *{box-sizing:border-box}
- body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
- a{color:inherit;text-decoration:none}
-
- /* Top bar — extreme minimalism */
- .lux-top{position:absolute;top:0;left:0;right:0;z-index:10;padding:28px 40px;display:flex;align-items:center;justify-content:space-between}
- .lux-mark{font-family:var(--display);font-weight:400;font-size:14px;letter-spacing:0.34em;text-transform:uppercase;color:var(--paper)}
- .lux-menu{font-family:var(--ui);font-weight:400;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:var(--paper);display:flex;gap:36px}
- .lux-menu a:hover{color:var(--accent)}
-
- /* Hero — single full-bleed photo, type tight + tiny */
- .lux-hero{position:relative;height:100vh;min-height:680px;width:100%;overflow:hidden;background:#000}
- .lux-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.78) contrast(1.02)}
- .lux-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.05) 30%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0.5) 100%)}
- .lux-hero-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:2}
- .lux-eyebrow{font-family:var(--ui);font-weight:400;font-size:10px;letter-spacing:0.42em;text-transform:uppercase;color:var(--accent);margin:0 0 28px}
- .lux-title{font-family:var(--display);font-weight:300;font-size:clamp(56px,8vw,140px);line-height:0.95;letter-spacing:-0.005em;color:var(--paper);margin:0}
- .lux-tag{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(16px,1.8vw,22px);color:var(--paper);margin:22px 0 0;max-width:54ch;line-height:1.4;opacity:0.92}
- .lux-cta{display:inline-block;margin-top:56px;font-family:var(--ui);font-weight:500;font-size:11px;letter-spacing:0.34em;text-transform:uppercase;color:var(--paper);border:1px solid var(--paper);padding:18px 56px;background:transparent;transition:background .25s,color .25s}
- .lux-cta:hover{background:var(--paper);color:#0a0a0a}
- .lux-credit{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:var(--ui);font-size:10px;letter-spacing:0.18em;color:rgba(241,236,226,0.55);z-index:2}
-
- /* Section anchor — generous, single-column, restrained */
- .lux-sect{max-width:1180px;margin:0 auto;padding:120px 40px}
- .sect-label{font-family:var(--ui);font-size:11px;letter-spacing:0.42em;text-transform:uppercase;color:var(--accent);text-align:center;margin:0 0 22px}
- .sect-title{font-family:var(--display);font-weight:300;font-size:clamp(36px,5vw,72px);line-height:1.05;letter-spacing:-0.005em;text-align:center;margin:0;color:var(--paper)}
- .sect-deck{font-family:var(--display);font-style:italic;font-weight:300;font-size:21px;line-height:1.45;text-align:center;color:var(--paper);max-width:62ch;margin:24px auto 0;opacity:0.85}
-
- /* Stats — three numbers, generous spacing, no chrome */
- .lux-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:90px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:54px 0}
- .lux-stats .s{text-align:center}
- .lux-stats .n{font-family:var(--display);font-weight:300;font-size:clamp(46px,6vw,80px);line-height:1;letter-spacing:-0.01em;color:var(--paper);display:block;margin-bottom:14px}
- .lux-stats .l{font-family:var(--ui);font-size:10px;letter-spacing:0.32em;text-transform:uppercase;color:var(--muted);line-height:1.7}
-
- /* Story rows — alternating left/right with single hero image */
- .row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:100px 0;border-top:1px solid var(--rule)}
- .row.reverse{direction:rtl}
- .row.reverse > *{direction:ltr}
- .row-art{aspect-ratio:4/5;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative;overflow:hidden}
- .row-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(201,169,110,0.08),transparent 60%)}
- .row-art .row-art-num{position:absolute;top:32px;left:36px;font-family:var(--display);font-weight:300;font-size:120px;color:rgba(201,169,110,0.18);line-height:1}
- .row-art .row-art-cap{position:absolute;bottom:30px;left:36px;right:36px;font-family:var(--display);font-style:italic;font-size:20px;line-height:1.4;color:var(--paper);opacity:0.65}
- .row h3{font-family:var(--display);font-weight:300;font-size:clamp(30px,3.6vw,50px);line-height:1.05;margin:0 0 22px;color:var(--paper)}
- .row .lbl{font-family:var(--ui);font-size:10px;letter-spacing:0.42em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:block}
- .row p{font-family:var(--ui);font-weight:300;font-size:17px;line-height:1.75;color:rgba(241,236,226,0.78);margin:0 0 26px;max-width:46ch}
- .row a.more{font-family:var(--ui);font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px}
- .row a.more:hover{color:var(--paper);border-bottom-color:var(--paper)}
-
- /* Credit wall — small caps, hairline rules */
- .credit-wall{padding:100px 0;border-top:1px solid var(--rule);text-align:center}
- .credit-wall p.lede{font-family:var(--display);font-style:italic;font-weight:300;font-size:24px;color:var(--paper);max-width:48ch;margin:14px auto 36px;line-height:1.4;opacity:0.85}
- .credit-wall .titles{font-family:var(--display);font-weight:400;font-size:clamp(15px,1.6vw,18px);letter-spacing:0.06em;color:var(--paper);line-height:2.4;max-width:88%;margin:0 auto}
- .credit-wall .titles span.t{padding:0 12px}
- .credit-wall .titles span.sep{color:var(--accent);padding:0 4px;font-size:10px;vertical-align:middle}
-
- /* For Studios block */
- .lux-studios{background:linear-gradient(180deg,#0a0a0a,#1a1612);padding:120px 40px;text-align:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
- .lux-studios-inner{max-width:780px;margin:0 auto}
- .lux-studios .contact{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:44px;font-family:var(--ui);font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted)}
- .lux-studios .contact strong{color:var(--accent);font-weight:500;display:block;font-size:11px;margin-bottom:6px;letter-spacing:0.32em}
- .lux-studios a.cta{display:inline-block;margin-top:48px;font-family:var(--ui);font-weight:500;font-size:11px;letter-spacing:0.34em;text-transform:uppercase;color:#0a0a0a;background:var(--accent);padding:18px 64px;transition:background .25s}
- .lux-studios a.cta:hover{background:var(--paper)}
-
- /* Footer */
- .lux-foot{padding:60px 40px;font-family:var(--ui);font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--muted);text-align:center}
- .lux-foot a{color:var(--paper);margin:0 12px}
-
- @media(max-width:900px){
- .lux-top{padding:18px 22px;flex-direction:column;gap:14px}
- .lux-menu{gap:18px;font-size:10px}
- .lux-sect{padding:80px 22px}
- .lux-stats{grid-template-columns:1fr 1fr;gap:30px;padding:36px 0}
- .row{grid-template-columns:1fr;gap:32px;padding:60px 0}
- .row.reverse{direction:ltr}
- }
-</style>
-</head>
-<body>
- <div class="lux-top">
- <a class="lux-mark" href="/">The Set Decorator</a>
- <nav class="lux-menu" aria-label="Primary">
- <a href="/catalog.html">Artwork</a>
- <a href="/fancy-search.html">Search</a>
- <a href="/attorneys.html">Legal</a>
- <a href="/for-studios">For Studios</a>
- <a href="/request-demo">Demo</a>
- </nav>
- </div>
-
- <section class="lux-hero" aria-label="Featured cleared artwork">
- <img src="/img/hero/hero-rendered.jpg" alt="Cleared artwork rendered onto a 1928 American living-room set">
- <div class="lux-hero-inner">
- <p class="lux-eyebrow">Established 2024 · Sherman Oaks, California</p>
- <h1 class="lux-title">The Set Decorator</h1>
- <p class="lux-tag">The trade resource for set decoration — cleared artwork, prop-house sourcing, decorator interviews, legal de-risking, same-day delivery.</p>
- <a class="lux-cta" href="/catalog.html">Enter</a>
- </div>
- <p class="lux-credit">Cleared artwork on a 1928 living-room set · The Grace Museum, public domain</p>
- </section>
-
- <section class="lux-sect">
- <p class="sect-label">A working resource — not a marketing layer</p>
- <h2 class="sect-title">Built by working set decorators, for the production schedule you are actually on.</h2>
- <p class="sect-deck">Cleared artwork, prop-house attribution, attorney directory, fancy search, itinerary builder, same-day delivery. Seven assets. One quiet system.</p>
-
- <div class="lux-stats">
- <div class="s"><span class="n">30,225</span><span class="l">Owned photographs</span></div>
- <div class="s"><span class="n">62</span><span class="l">Cleared artworks</span></div>
- <div class="s"><span class="n">30</span><span class="l">Prop houses indexed</span></div>
- <div class="s"><span class="n">25</span><span class="l">Attorney resources</span></div>
- </div>
- </section>
-
- <section class="lux-sect" style="padding-top:0">
- <div class="row">
- <div class="row-art" role="img" aria-label="Cleared artwork library">
- <span class="row-art-num">01</span>
- <span class="row-art-cap">Library — paintings, illustrations, photography, patterns.</span>
- </div>
- <div>
- <span class="lbl">Cleared artwork</span>
- <h3>Production-vetted art with explicit on-screen licenses.</h3>
- <p>Sixty-two cleared works, each with chain-of-title, license terms, and source attribution. Thirty-thousand owned photographs in the wider Abrams library, available on request. The clearance memo is short by design.</p>
- <a class="more" href="/catalog.html">Browse the library</a>
- </div>
- </div>
-
- <div class="row reverse">
- <div class="row-art" role="img" aria-label="Entertainment-attorney directory">
- <span class="row-art-num">02</span>
- <span class="row-art-cap">Legal — bar sections, arts nonprofits, ranking directories.</span>
- </div>
- <div>
- <span class="lbl">Entertainment attorneys</span>
- <h3>The legal layer studios already pay for, surfaced for the working department.</h3>
- <p>State bar entertainment sections, arts-legal nonprofits, ranking-directory lookups. Filterable by union, theatre, film, commercial. Informational only — we are not a referral service and not a substitute for counsel.</p>
- <a class="more" href="/attorneys.html">Open the directory</a>
- </div>
- </div>
-
- <div class="row">
- <div class="row-art" role="img" aria-label="Fancy Search across categories">
- <span class="row-art-num">03</span>
- <span class="row-art-cap">Search — stores, prop houses, attorneys, theatre, jobs.</span>
- </div>
- <div>
- <span class="lbl">Fancy search</span>
- <h3>One search across stores, prop houses, attorneys, theatre, and jobs.</h3>
- <p>The seven-tab problem, collapsed. Filter by city, vendor type, union, department. Save the result set as an ordered itinerary with legal-first or prop-house-first sequencing. Driver-handoff CSV export.</p>
- <a class="more" href="/fancy-search.html">Start Fancy Search</a>
- </div>
- </div>
-
- <div class="row reverse">
- <div class="row-art" role="img" aria-label="Same-day delivery via Uber Direct">
- <span class="row-art-num">04</span>
- <span class="row-art-cap">Delivery — Uber Direct, same-day, on set.</span>
- </div>
- <div>
- <span class="lbl">Same-day delivery</span>
- <h3>Print, frame, and arrival on set inside a single shoot day.</h3>
- <p>Any size, any finish, any frame. Uber Direct in the LA basin; production-shipper handoff anywhere else. The piece you cleared at 10 AM is on the wall by 1 PM call.</p>
- <a class="more" href="/print.html">Print and deliver</a>
- </div>
- </div>
- </section>
-
- <section class="credit-wall">
- <p class="sect-label">Pieces traced to set — from named decorator interviews</p>
- <p class="lede">Set-decorator interviews trace specific pieces to specific stores. The partial credit wall.</p>
- <div class="titles">
- <span class="t">Carol</span><span class="sep">◆</span>
- <span class="t">The Grand Budapest Hotel</span><span class="sep">◆</span>
- <span class="t">Once Upon a Time in Hollywood</span><span class="sep">◆</span>
- <span class="t">Mad Men</span><span class="sep">◆</span>
- <span class="t">Babylon</span><span class="sep">◆</span>
- <span class="t">The French Dispatch</span><span class="sep">◆</span>
- <span class="t">Mank</span><span class="sep">◆</span>
- <span class="t">La La Land</span><span class="sep">◆</span>
- <span class="t">Asteroid City</span><span class="sep">◆</span>
- <span class="t">Killers of the Flower Moon</span>
- </div>
- </section>
-
- <section class="lux-studios">
- <div class="lux-studios-inner">
- <p class="sect-label" style="color:var(--accent)">For studios & platforms</p>
- <h2 class="sect-title">Talk to a person.</h2>
- <p class="sect-deck">Disney, Netflix, Apple TV+, Warner Bros, A24. Same workflow whether the show is a feature in Atlanta or a half-hour in Burbank.</p>
- <div class="contact">
- <div><strong>Email</strong>demo@thesetdecorator.com</div>
- <div><strong>Office</strong>Sherman Oaks, CA</div>
- <div><strong>Response</strong>One business day</div>
- </div>
- <a class="cta" href="/request-demo">Request a demo</a>
- </div>
- </section>
-
- <footer class="lux-foot">
- © 2026 The Set Decorator · A production-design hub by Abrams · Not affiliated with SDSA, ADG, IATSE, USA 829, USITT, or TCG<br>
- <a href="/for-studios">For Studios</a> <a href="/about.html">About</a> <a href="/privacy.html">Privacy</a> <a href="/terms.html">Terms</a>
- </footer>
-</body>
-</html>
diff --git a/tmp/mockups/03-data-led.html b/tmp/mockups/03-data-led.html
deleted file mode 100644
index dd633f7..0000000
--- a/tmp/mockups/03-data-led.html
+++ /dev/null
@@ -1,243 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Variant 3 — Data-Led / Dashboard — The Set Decorator</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap">
-<style>
- :root{
- --bg:#0e0e0e; --panel:#161616; --panel-2:#1d1d1d;
- --fg:#f1ece2; --paper:#f6f1e6; --accent:#c9a96e;
- --green:#8db072; --rule:rgba(241,236,226,0.10);
- --muted:rgba(241,236,226,0.55);
- --display:'Playfair Display',Georgia,serif;
- --mono:'JetBrains Mono',ui-monospace,monospace;
- --ui:'Inter',system-ui,sans-serif;
- }
- *{box-sizing:border-box}
- body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
- a{color:inherit;text-decoration:none}
-
- /* Top status strip — terminal feel */
- .strip{background:#000;border-bottom:1px solid var(--rule);padding:8px 22px;font-family:var(--mono);font-size:11px;letter-spacing:0.02em;color:var(--muted);display:flex;gap:28px;flex-wrap:wrap;align-items:center}
- .strip .dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px;box-shadow:0 0 6px var(--green)}
- .strip strong{color:var(--paper);font-weight:500;margin-right:4px}
- .strip .clk{margin-left:auto;color:var(--accent)}
-
- /* Header */
- .hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--rule)}
- .hdr .mk{font-family:var(--display);font-weight:400;font-size:22px;color:var(--paper);letter-spacing:0.04em}
- .hdr .mk small{font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);margin-left:14px;padding:2px 8px;border:1px solid var(--accent);border-radius:2px}
- .hdr nav{display:flex;gap:24px;font-family:var(--ui);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
- .hdr nav a:hover{color:var(--accent)}
- .hdr .req{font-family:var(--ui);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:#0a0a0a;background:var(--accent);padding:10px 22px;font-weight:600}
-
- /* Hero — split: photo left, dashboard right */
- .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0;min-height:560px}
- .hero-photo{position:relative;background:#000}
- .hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.9)}
- .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.3),rgba(0,0,0,0.05))}
- .hero-photo .corner{position:absolute;top:18px;left:18px;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;color:var(--paper);background:rgba(0,0,0,0.55);padding:6px 10px}
- .hero-photo .credit{position:absolute;bottom:14px;left:18px;font-family:var(--mono);font-size:10px;color:rgba(255,255,255,0.7)}
- .hero-data{background:var(--panel);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:28px}
- .hero-data .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent)}
- .hero-data h1{font-family:var(--display);font-weight:400;font-size:clamp(36px,4.2vw,58px);line-height:1.05;letter-spacing:-0.01em;color:var(--paper);margin:0}
- .hero-data .tag{font-family:var(--display);font-style:italic;font-weight:400;font-size:18px;color:var(--paper);opacity:0.85;line-height:1.5;margin:0;max-width:46ch}
- .hero-data .cta-row{display:flex;gap:14px;align-items:center;margin-top:14px}
- .btn-primary{background:var(--accent);color:#0a0a0a;font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;padding:14px 28px}
- .btn-secondary{font-family:var(--ui);font-weight:500;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--paper);border:1px solid var(--rule);padding:13px 22px}
-
- /* Big stats ribbon */
- .ribbon{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
- .ribbon .cell{background:var(--bg);padding:28px 22px;display:flex;flex-direction:column;gap:8px;position:relative}
- .ribbon .cell .k{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}
- .ribbon .cell .k::before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green)}
- .ribbon .cell .v{font-family:var(--display);font-weight:400;font-size:42px;line-height:1;color:var(--paper);letter-spacing:-0.01em}
- .ribbon .cell .d{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:0.04em}
-
- /* Three-up dashboard rail */
- .rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:36px 28px}
- .card{background:var(--panel);border:1px solid var(--rule);padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;min-height:240px}
- .card .h{display:flex;justify-content:space-between;align-items:flex-start}
- .card .lab{font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent)}
- .card .live{font-family:var(--mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green);display:inline-flex;align-items:center;gap:4px}
- .card .live::before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 4px var(--green)}
- .card h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.15;margin:0;color:var(--paper)}
- .card p{margin:0;color:rgba(241,236,226,0.78);font-size:13px;line-height:1.55}
- .card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:10px;color:var(--muted)}
- .card .foot a{color:var(--accent);text-transform:uppercase;letter-spacing:0.12em}
-
- /* Credit wall — bar-chart-style horizontal */
- .credit{padding:48px 28px;border-top:1px solid var(--rule);background:var(--panel-2)}
- .credit h2{font-family:var(--display);font-weight:400;font-size:32px;margin:0 0 8px;color:var(--paper)}
- .credit p.sub{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin:0 0 26px}
- .credit-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 36px}
- .crow{display:grid;grid-template-columns:1fr auto;gap:14px;padding:11px 0;border-bottom:1px dashed var(--rule);align-items:baseline}
- .crow .ttl{font-family:var(--display);font-weight:400;font-size:17px;color:var(--paper)}
- .crow .meta{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;color:var(--muted);text-transform:uppercase}
- .crow .meta b{color:var(--accent);font-weight:700}
-
- /* Live ticker */
- .ticker{background:#000;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 28px;font-family:var(--mono);font-size:12px;letter-spacing:0.04em;color:var(--paper);display:flex;gap:36px;overflow:hidden;white-space:nowrap}
- .ticker span{color:var(--muted)}
- .ticker b{color:var(--green);margin-right:6px;font-weight:500}
-
- /* For studios block */
- .pitch{padding:64px 28px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
- .pitch h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,54px);line-height:1.04;color:var(--paper);margin:0 0 18px}
- .pitch .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:block}
- .pitch p{color:rgba(241,236,226,0.78);font-size:16px;line-height:1.65;max-width:54ch}
- .pitch-detail{background:var(--panel);border:1px solid var(--rule);padding:30px}
- .pitch-detail dt{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
- .pitch-detail dd{margin:0 0 18px;font-family:var(--ui);font-size:16px;color:var(--paper)}
- .pitch-detail dd:last-child{margin-bottom:0}
-
- /* Footer */
- .ft{padding:36px 28px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:10px;letter-spacing:0.06em;color:var(--muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
- .ft a{color:var(--paper);margin:0 10px}
-
- @media(max-width:1000px){
- .hero{grid-template-columns:1fr}
- .ribbon{grid-template-columns:repeat(2,1fr)}
- .rail{grid-template-columns:1fr}
- .credit-rows{grid-template-columns:1fr}
- .pitch{grid-template-columns:1fr;gap:24px}
- }
-</style>
-</head>
-<body>
- <div class="strip">
- <span><span class="dot"></span><strong>LIVE</strong> Catalog · 30,225 photographs indexed</span>
- <span><strong>Updated</strong> 2026-05-14 09:42 PT</span>
- <span><strong>Last scrape</strong> 18 prop-house feeds · 0 errors</span>
- <span><strong>API</strong> /v1/catalog · 99.97% uptime · 30d</span>
- <span class="clk">Sherman Oaks · Thursday, May 14</span>
- </div>
-
- <header class="hdr">
- <a class="mk" href="/">The Set Decorator <small>Trade Dashboard</small></a>
- <nav>
- <a href="/catalog.html">Catalog</a>
- <a href="/stores.html">Sources</a>
- <a href="/attorneys.html">Legal</a>
- <a href="/fancy-search.html">Search</a>
- <a href="/itinerary.html">Itinerary</a>
- <a href="/for-studios">For Studios</a>
- </nav>
- <a class="req" href="/request-demo">Request Demo</a>
- </header>
-
- <section class="hero" aria-label="Trade dashboard hero">
- <div class="hero-photo">
- <img src="/img/hero/hero-rendered.jpg" alt="Cleared artwork rendered onto a 1928 American living-room set">
- <span class="corner">FEATURED · 1928 American living-room set</span>
- <span class="credit">Source: The Grace Museum · public domain</span>
- </div>
- <div class="hero-data">
- <span class="eyebrow">// trade resource layer · v3.2 · Q2 2026</span>
- <h1>Cleared artwork.<br>Sourcing trail.<br>Legal layer.</h1>
- <p class="tag">A single dashboard for the production-design department — owned inventory, attorney directory, prop-house attribution, same-day delivery. Built by working set decorators.</p>
- <div class="cta-row">
- <a class="btn-primary" href="/fancy-search.html">Open Fancy Search</a>
- <a class="btn-secondary" href="/for-studios">Studio brief</a>
- </div>
- </div>
- </section>
-
- <section class="ribbon" aria-label="Live catalog statistics">
- <div class="cell"><span class="k">Owned photographs</span><span class="v">30,225</span><span class="d">+412 last week</span></div>
- <div class="cell"><span class="k">Cleared artworks</span><span class="v">62</span><span class="d">+3 last week</span></div>
- <div class="cell"><span class="k">Prop houses indexed</span><span class="v">30</span><span class="d">National coverage</span></div>
- <div class="cell"><span class="k">Attorney resources</span><span class="v">25</span><span class="d">Bar + nonprofit</span></div>
- <div class="cell"><span class="k">Union locals</span><span class="v">28</span><span class="d">IATSE · USA 829 · ADG</span></div>
- <div class="cell"><span class="k">SDSA member roster</span><span class="v">410+</span><span class="d">Refreshed weekly</span></div>
- </section>
-
- <section class="rail" aria-label="What ships">
- <article class="card">
- <div class="h"><span class="lab">01 · Catalog</span><span class="live">Live</span></div>
- <h3>Cleared artwork with explicit on-screen licenses.</h3>
- <p>Production-vetted paintings, illustrations, photography, and patterns. Each piece carries chain-of-title, license terms, and a fast-print vendor route.</p>
- <div class="foot"><span>updated_at · 09:42 PT</span><a href="/catalog.html">Browse →</a></div>
- </article>
- <article class="card">
- <div class="h"><span class="lab">02 · Search</span><span class="live">Live</span></div>
- <h3>Fancy Search across stores, prop houses, attorneys, theatre, jobs.</h3>
- <p>One query, seven categories. Filter by city, vendor, union, department. Save as an ordered itinerary with legal-first sequencing.</p>
- <div class="foot"><span>p95 latency · 184ms</span><a href="/fancy-search.html">Start search →</a></div>
- </article>
- <article class="card">
- <div class="h"><span class="lab">03 · Legal</span><span class="live">Live</span></div>
- <h3>Entertainment-attorney directory for clearance and rights.</h3>
- <p>Bar entertainment sections, arts-legal nonprofits, ranking-directory lookups. Filterable by union, theatre, film, commercial. Informational only.</p>
- <div class="foot"><span>25 resources · 7 nonprofits</span><a href="/attorneys.html">Open →</a></div>
- </article>
- <article class="card">
- <div class="h"><span class="lab">04 · Itinerary</span><span class="live">Live</span></div>
- <h3>Day-of itinerary with ordered stops + driver handoff.</h3>
- <p>Turns a search session into a working day. Addresses, hours, drive time, CSV export. Legal-first or prop-house-first sequencing.</p>
- <div class="foot"><span>v2.1 · CSV + map</span><a href="/itinerary.html">Build →</a></div>
- </article>
- <article class="card">
- <div class="h"><span class="lab">05 · Delivery</span><span class="live">Live</span></div>
- <h3>Print and deliver inside one shoot day.</h3>
- <p>Any size, finish, frame. Uber Direct in LA basin; production-shipper handoff elsewhere. The piece cleared at 10 AM arrives by 1 PM call.</p>
- <div class="foot"><span>LA basin · same-day</span><a href="/print.html">Print + deliver →</a></div>
- </article>
- <article class="card">
- <div class="h"><span class="lab">06 · Sources</span><span class="live">Live</span></div>
- <h3>Per-store film-piece attribution from named decorators.</h3>
- <p>The only public dataset linking specific film props to specific stores, sourced from published decorator interviews. Updated as interviews ship.</p>
- <div class="foot"><span>30 stores · 410 pieces</span><a href="/stores.html">Browse →</a></div>
- </article>
- </section>
-
- <section class="ticker" aria-label="Live activity">
- <span><b>+1</b> 1928 living-room composite added to catalog · 09:42</span>
- <span><b>+3</b> SDSA interviews indexed · 09:14</span>
- <span><b>+12</b> films traced to prop-house source · 08:51</span>
- <span><b>+1</b> attorney listing added (CA bar arts section) · 08:33</span>
- <span><b>+47</b> photographs ingested from owner upload · 07:22</span>
- </section>
-
- <section class="credit" aria-label="Credit wall — pieces traced to set">
- <h2>Pieces traced to set</h2>
- <p class="sub">// sourced from published decorator interviews — partial credit list</p>
- <div class="credit-rows">
- <div class="crow"><span class="ttl">Carol</span><span class="meta">Decorator interview · <b>6 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">The Grand Budapest Hotel</span><span class="meta">Trade press · <b>11 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">Once Upon a Time in Hollywood</span><span class="meta">Interview + AD · <b>14 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">Mad Men</span><span class="meta">Multi-season · <b>22 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">Babylon</span><span class="meta">SDSA piece · <b>9 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">The French Dispatch</span><span class="meta">Decorator interview · <b>7 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">Mank</span><span class="meta">Trade press · <b>5 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">La La Land</span><span class="meta">Decorator interview · <b>6 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">Asteroid City</span><span class="meta">SDSA piece · <b>8 pieces</b> traced</span></div>
- <div class="crow"><span class="ttl">Killers of the Flower Moon</span><span class="meta">Trade press · <b>10 pieces</b> traced</span></div>
- </div>
- </section>
-
- <section class="pitch">
- <div>
- <span class="eyebrow">// for studios & platforms</span>
- <h2>The trade-resource layer your physical-production team is already paying for, surfaced.</h2>
- <p>Disney, Netflix, Apple TV+, Warner Bros, A24. Cleared inventory, sourcing trail, legal layer, same-day delivery. Same workflow whether the show is a feature in Atlanta or a half-hour comedy in Burbank.</p>
- <a class="btn-primary" style="margin-top:18px" href="/request-demo">Request a demo →</a>
- </div>
- <dl class="pitch-detail">
- <dt>Direct line</dt><dd>demo@thesetdecorator.com</dd>
- <dt>Office</dt><dd>Sherman Oaks · Greater Los Angeles</dd>
- <dt>Response window</dt><dd>One business day · no automation funnel</dd>
- <dt>NDA</dt><dd>Mutual NDA on request, before any tour</dd>
- </dl>
- </section>
-
- <footer class="ft">
- <div>© 2026 The Set Decorator · A production-design hub by Abrams · Not affiliated with SDSA, ADG, IATSE, USA 829, USITT, TCG</div>
- <div><a href="/for-studios">Studios</a> <a href="/about.html">About</a> <a href="/privacy.html">Privacy</a> <a href="/terms.html">Terms</a></div>
- </footer>
-</body>
-</html>
diff --git a/tmp/mockups/04-print-trade.html b/tmp/mockups/04-print-trade.html
deleted file mode 100644
index 176f246..0000000
--- a/tmp/mockups/04-print-trade.html
+++ /dev/null
@@ -1,287 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Variant 4 — Print-Trade / Directory — The Set Decorator</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;700&family=Inter:wght@400;500;600&display=swap">
-<style>
- :root{
- --paper:#f1e9d6; --paper-2:#e8e0cc; --ink:#1a1612;
- --rule:#1a1612; --soft:#6a5f4e; --accent:#a3232b;
- --serif:'Libre Caslon Text',Georgia,serif;
- --mono:'IBM Plex Mono',ui-monospace,monospace;
- --ui:'Inter',system-ui,sans-serif;
- }
- *{box-sizing:border-box}
- body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:14px;line-height:1.45}
- a{color:inherit;text-decoration:none}
-
- /* Masthead band */
- .top-bar{background:var(--ink);color:var(--paper);padding:6px 22px;font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
- .top-bar .l{display:flex;gap:22px}
- .pt-mast{padding:18px 22px 0;border-bottom:3px double var(--rule);background:var(--paper)}
- .pt-mast-title{font-family:var(--serif);font-weight:700;font-size:clamp(40px,5.4vw,72px);line-height:1;letter-spacing:-0.005em;margin:0;text-transform:uppercase;text-align:center}
- .pt-mast-sub{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--soft);padding:10px 0 14px;border-top:1px solid var(--rule);margin-top:10px}
- .pt-mast-sub strong{color:var(--accent);font-weight:600}
-
- /* Nav row — broadsheet style */
- .pt-nav{display:flex;justify-content:center;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid var(--rule);background:var(--paper)}
- .pt-nav a{padding:6px 14px;color:var(--ink)}
- .pt-nav a:hover{color:var(--accent)}
-
- /* Cover deck — three columns, classic broadsheet */
- .deck{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;padding:22px;border-bottom:2px solid var(--rule)}
-
- /* Left column — directory index */
- .col-idx h2{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--rule);color:var(--ink)}
- .col-idx ol{list-style:none;padding:0;margin:0 0 18px;font-family:var(--serif);font-size:13px;line-height:1.7}
- .col-idx ol li{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px dotted var(--soft);padding:5px 0}
- .col-idx ol li a{font-weight:400}
- .col-idx ol li span{font-family:var(--mono);font-size:11px;color:var(--soft);letter-spacing:0.04em}
-
- /* Center column — lede */
- .col-lede h1{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.4vw,46px);line-height:1.04;letter-spacing:-0.005em;margin:0 0 12px}
- .col-lede .deck-img{margin:0 0 12px;background:#0e0e0e;aspect-ratio:16/9;overflow:hidden}
- .col-lede .deck-img img{width:100%;height:100%;object-fit:cover;display:block}
- .col-lede .deck-cap{font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--soft);margin:0 0 14px;line-height:1.4}
- .col-lede .deck-cap strong{color:var(--ink);text-transform:uppercase;letter-spacing:0.14em;font-weight:700}
- .col-lede p.first{font-family:var(--serif);font-size:16px;line-height:1.55;margin:0 0 12px}
- .col-lede p.first::first-letter{font-family:var(--serif);font-weight:700;font-size:54px;float:left;line-height:0.9;margin:4px 8px 0 0;color:var(--accent)}
- .col-lede p{font-family:var(--serif);font-size:14.5px;line-height:1.6;margin:0 0 10px}
- .col-lede a.read{font-family:var(--mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:1px}
-
- /* Right column — at-a-glance counts */
- .col-stats h2{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
- .stat-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px dotted var(--soft)}
- .stat-row .n{font-family:var(--serif);font-weight:700;font-size:32px;color:var(--ink);line-height:1}
- .stat-row .l{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--soft);line-height:1.5}
- .quote{border-left:3px solid var(--accent);padding:6px 0 6px 14px;margin:20px 0 0;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink);line-height:1.5}
- .quote cite{display:block;font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--soft);margin-top:8px}
-
- /* Directory grid section */
- .dir{padding:20px 22px;border-bottom:2px solid var(--rule)}
- .dir-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--rule);margin-bottom:14px}
- .dir-head h2{font-family:var(--serif);font-weight:700;font-size:24px;margin:0;text-transform:uppercase;letter-spacing:0.01em}
- .dir-head .legend{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--soft)}
- .dir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
- .dir-col h3{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;margin:0 0 8px;padding-bottom:6px;border-bottom:1px dashed var(--rule);color:var(--accent)}
- .dir-col ul{list-style:none;padding:0;margin:0;font-family:var(--serif);font-size:13.5px;line-height:1.65}
- .dir-col ul li{padding:3px 0;border-bottom:1px dotted var(--soft)}
- .dir-col ul li:last-child{border-bottom:none}
- .dir-col ul li small{font-family:var(--mono);font-size:9.5px;color:var(--soft);letter-spacing:0.06em;display:block;text-transform:uppercase}
-
- /* Credit wall — print classified style */
- .pt-credit{background:var(--paper-2);padding:22px;border-bottom:2px solid var(--rule)}
- .pt-credit h2{font-family:var(--serif);font-weight:700;font-size:24px;margin:0 0 4px;text-transform:uppercase;letter-spacing:0.01em}
- .pt-credit .sub{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
- .pt-credit .lst{font-family:var(--serif);font-size:15px;line-height:1.8;column-count:3;column-gap:32px;column-rule:1px dotted var(--soft)}
- .pt-credit .lst span.t{display:block;border-bottom:1px dotted var(--soft);padding:3px 0;break-inside:avoid}
- .pt-credit .lst span.t b{font-family:var(--mono);font-size:9.5px;color:var(--soft);letter-spacing:0.08em;float:right;font-weight:500;padding-top:5px}
-
- /* Studio pitch block — classified ad style */
- .pitch-block{padding:32px 22px;border-bottom:2px solid var(--rule);display:grid;grid-template-columns:1.4fr 1fr;gap:32px}
- .pitch-block h2{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.4vw,42px);margin:0 0 12px;line-height:1.05;text-transform:uppercase}
- .pitch-block .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
- .pitch-block p{font-family:var(--serif);font-size:15px;line-height:1.6}
- .pitch-box{background:var(--ink);color:var(--paper);padding:24px}
- .pitch-box dt{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:#c9a96e;margin-bottom:4px}
- .pitch-box dd{margin:0 0 14px;font-family:var(--serif);font-size:15px}
- .pitch-box dd:last-child{margin-bottom:0}
- .pitch-box a.cta{display:inline-block;margin-top:8px;background:#c9a96e;color:var(--ink);font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;padding:12px 22px}
-
- /* Footer */
- .ft{padding:22px;font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--soft);text-align:center;border-top:1px solid var(--rule)}
- .ft a{color:var(--ink);margin:0 10px}
-
- @media(max-width:1000px){
- .deck{grid-template-columns:1fr}
- .dir-grid{grid-template-columns:1fr 1fr}
- .pt-credit .lst{column-count:1}
- .pitch-block{grid-template-columns:1fr}
- }
-</style>
-</head>
-<body>
- <div class="top-bar">
- <div class="l">
- <span>Vol. 11 · No. 19</span>
- <span>Thursday, May 14, 2026</span>
- <span>Sherman Oaks, CA</span>
- </div>
- <div>Trade-only · Working set decorators · Updated weekly</div>
- </div>
-
- <header class="pt-mast">
- <h1 class="pt-mast-title">The Set Decorator</h1>
- <div class="pt-mast-sub">Trade Resource · <strong>Cleared Art · Sourcing · Legal · Same-day Delivery</strong> · Built by working decorators</div>
- </header>
-
- <nav class="pt-nav" aria-label="Sections">
- <a href="/catalog.html">Cleared Artwork</a> ·
- <a href="/stores.html">Prop Houses</a> ·
- <a href="/attorneys.html">Attorneys</a> ·
- <a href="/unions.html">Unions</a> ·
- <a href="/fancy-search.html">Fancy Search</a> ·
- <a href="/itinerary.html">Itinerary</a> ·
- <a href="/videos.html">Interviews</a> ·
- <a href="/awards/canon">The Canon</a> ·
- <a href="/for-studios">For Studios</a> ·
- <a href="/request-demo">Demo</a>
- </nav>
-
- <section class="deck">
- <aside class="col-idx" aria-label="Sections index">
- <h2>This issue</h2>
- <ol>
- <li><a href="/catalog.html">Cleared Artwork Library</a><span>62</span></li>
- <li><a href="/stores.html">Prop Houses & Vendors</a><span>30</span></li>
- <li><a href="/attorneys.html">Entertainment Attorneys</a><span>25</span></li>
- <li><a href="/unions.html">Unions & Guilds</a><span>28</span></li>
- <li><a href="/sdsa.html">SDSA Member Hub</a><span>410+</span></li>
- <li><a href="/videos.html">Decorator Interviews</a><span>—</span></li>
- <li><a href="/awards/canon">★ The Canon</a><span>50</span></li>
- </ol>
- <h2>Trade tools</h2>
- <ol>
- <li><a href="/fancy-search.html">Fancy Search</a><span>↗</span></li>
- <li><a href="/itinerary.html">Itinerary Builder</a><span>↗</span></li>
- <li><a href="/mood-board.html">Mood Board</a><span>↗</span></li>
- <li><a href="/print.html">Fast Print + Delivery</a><span>↗</span></li>
- <li><a href="/video-demo.html">3-min Demo</a><span>↗</span></li>
- </ol>
- <h2>Industry</h2>
- <ol>
- <li><a href="/trades.html">Industry News</a><span>↗</span></li>
- <li><a href="/job-board.html">Job Board</a><span>↗</span></li>
- <li><a href="/in-memoriam.html">In Memoriam</a><span>↗</span></li>
- <li><a href="/leaderboards.html">Leaderboards</a><span>↗</span></li>
- </ol>
- </aside>
-
- <article class="col-lede">
- <h1>Cleared art, in the room, on the same shoot day.</h1>
- <div class="deck-img">
- <img src="/img/hero/hero-rendered.jpg" alt="Cleared artwork on a 1928 American living-room set">
- </div>
- <p class="deck-cap"><strong>Featured</strong> · Victory Damask Flocked Velvet by Phillipe Romano, rendered onto a 1928 American living-room composite. Source: The Grace Museum, Wikimedia Commons, public domain.</p>
- <p class="first">Thirty thousand owned photographs. Sixty-two artworks vetted for set use with explicit on-screen licenses and chain-of-title. Print, frame, and Uber-Direct delivery before lunch — the piece cleared at ten arrives by one PM call.</p>
- <p>Built by working set decorators in Sherman Oaks. The trade-resource layer underneath the decoration: cleared inventory, prop-house attribution, attorney directory, fancy search, itinerary builder, decorator interviews. Seven assets. One trade publication.</p>
- <p>No marketing automation. No popups. No carousels. Every claim on this page traces to a database row or a published interview. Where we don't own a photo, the credit line carries the artist, license, and source.</p>
- <a class="read" href="/for-studios">Read the studio brief →</a>
- </article>
-
- <aside class="col-stats" aria-label="At a glance">
- <h2>Library at a glance</h2>
- <div class="stat-row"><span class="n">30,225</span><span class="l">Owned photographs · catalog-ready</span></div>
- <div class="stat-row"><span class="n">62</span><span class="l">Cleared artworks · ready to print</span></div>
- <div class="stat-row"><span class="n">30</span><span class="l">Prop houses · indexed nationally</span></div>
- <div class="stat-row"><span class="n">25</span><span class="l">Attorney resources · clearance + rights</span></div>
- <div class="stat-row"><span class="n">28</span><span class="l">Union locals · IATSE, USA 829, ADG</span></div>
- <div class="stat-row"><span class="n">410+</span><span class="l">SDSA members · refreshed weekly</span></div>
- <div class="quote">
- "Built for crews, by a crew member. Sherman Oaks, Tuesday, four matching lamps."
- <cite>— The Set Decorator masthead</cite>
- </div>
- </aside>
- </section>
-
- <section class="dir" aria-label="Directory grid">
- <div class="dir-head">
- <h2>Directory · trade-only resources</h2>
- <span class="legend">listings updated · 2026-05-14</span>
- </div>
- <div class="dir-grid">
- <div class="dir-col">
- <h3>Prop houses · LA basin</h3>
- <ul>
- <li>History for Hire <small>North Hollywood · period</small></li>
- <li>Omega Cinema Props <small>North Hollywood · all-era</small></li>
- <li>The Hand Prop Room <small>West LA · specialty</small></li>
- <li>Universal Studios Prop Dept <small>Studio City · trade only</small></li>
- <li>Warner Bros Prop Shop <small>Burbank · trade only</small></li>
- <li>Sony Pictures Prop <small>Culver City · trade only</small></li>
- <li>Independent Studio Services <small>Sun Valley · greens, picture cars, props</small></li>
- </ul>
- </div>
- <div class="dir-col">
- <h3>Entertainment attorneys</h3>
- <ul>
- <li>State Bar of California — Entertainment <small>Lookup · informational</small></li>
- <li>California Lawyers for the Arts <small>Nonprofit · LA + Bay Area</small></li>
- <li>Volunteer Lawyers for the Arts (NY) <small>Nonprofit · cross-coastal</small></li>
- <li>Beverly Hills Bar — Entertainment Section <small>Section directory</small></li>
- <li>LACBA — Entertainment & Sports Law <small>Section directory</small></li>
- <li>Chambers / Best Lawyers — Entertainment <small>Ranking directories</small></li>
- <li>Martindale-Hubbell — Entertainment <small>Ranking directory</small></li>
- </ul>
- </div>
- <div class="dir-col">
- <h3>Unions & guilds</h3>
- <ul>
- <li>IATSE Local 44 — Set Decorators <small>LA · property crafts</small></li>
- <li>IATSE Local 727 — Pre-Production Services <small>LA · prep</small></li>
- <li>USA 829 — Designers United <small>National · designers</small></li>
- <li>ADG — Art Directors Guild <small>National · designers</small></li>
- <li>SDSA — Set Decorators Society <small>Trade · 410+ members</small></li>
- <li>IATSE 829 — Scenic, Title, Graphic <small>NY · scenic</small></li>
- <li>USITT — Theatre Tech <small>National · theatre + film</small></li>
- </ul>
- </div>
- <div class="dir-col">
- <h3>Theatre departments</h3>
- <ul>
- <li>Center Theatre Group <small>LA · Mark Taper, Ahmanson, Kirk Douglas</small></li>
- <li>Geffen Playhouse <small>Westwood · regional</small></li>
- <li>South Coast Repertory <small>Costa Mesa · regional</small></li>
- <li>Pasadena Playhouse <small>Pasadena · regional</small></li>
- <li>A Noise Within <small>Pasadena · classical</small></li>
- <li>East West Players <small>Little Tokyo · Asian-American</small></li>
- <li>Antaeus Theatre Company <small>Glendale · classical</small></li>
- </ul>
- </div>
- </div>
- </section>
-
- <section class="pt-credit" aria-label="Credit wall">
- <h2>Credit wall · pieces traced to set</h2>
- <p class="sub">Partial — sourced from published decorator interviews. Full list at /films.html</p>
- <div class="lst">
- <span class="t">Carol <b>6 pieces</b></span>
- <span class="t">The Grand Budapest Hotel <b>11 pieces</b></span>
- <span class="t">Once Upon a Time in Hollywood <b>14 pieces</b></span>
- <span class="t">Mad Men <b>22 pieces</b></span>
- <span class="t">Babylon <b>9 pieces</b></span>
- <span class="t">The French Dispatch <b>7 pieces</b></span>
- <span class="t">Mank <b>5 pieces</b></span>
- <span class="t">La La Land <b>6 pieces</b></span>
- <span class="t">Asteroid City <b>8 pieces</b></span>
- <span class="t">Killers of the Flower Moon <b>10 pieces</b></span>
- <span class="t">Don't Worry Darling <b>4 pieces</b></span>
- <span class="t">Maestro <b>5 pieces</b></span>
- </div>
- </section>
-
- <section class="pitch-block">
- <div>
- <span class="eyebrow">For studios & platforms</span>
- <h2>The trade-resource layer your physical-production team is already paying for, surfaced.</h2>
- <p>Disney, Netflix, Apple TV+, Warner Bros, A24. Cleared inventory, sourcing trail, legal layer, same-day delivery. Same workflow whether the show is a feature in Atlanta or a half-hour in Burbank.</p>
- <p>Studio in-house counsel: the attorneys page is a directory, not a referral. The clearance memo is intentionally short. Mutual NDA on request before any tour.</p>
- </div>
- <dl class="pitch-box">
- <dt>Direct line</dt><dd>demo@thesetdecorator.com</dd>
- <dt>Office</dt><dd>Sherman Oaks · Greater Los Angeles</dd>
- <dt>Response window</dt><dd>One business day</dd>
- <dt>Workflow</dt><dd>No marketing-automation funnel. One person reads the request.</dd>
- <a class="cta" href="/request-demo">Request a demo →</a>
- </dl>
- </section>
-
- <footer class="ft">
- © 2026 The Set Decorator · A production-design hub by Abrams · Not affiliated with SDSA, ADG, IATSE, USA 829, USITT, or TCG · <a href="/for-studios">Studios</a> <a href="/about.html">About</a> <a href="/privacy.html">Privacy</a> <a href="/terms.html">Terms</a>
- </footer>
-</body>
-</html>
diff --git a/tmp/mockups/05-brutalist.html b/tmp/mockups/05-brutalist.html
deleted file mode 100644
index 07ff314..0000000
--- a/tmp/mockups/05-brutalist.html
+++ /dev/null
@@ -1,242 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Variant 5 — Brutalist Confidence — The Set Decorator</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700;900&family=Space+Mono:wght@400;700&display=swap">
-<style>
- :root{
- --bg:#0a0a0a; --fg:#ffffff; --accent:#ffd24d;
- --rule:#ffffff;
- --display:'Archivo Black',Impact,sans-serif;
- --ui:'Archivo',system-ui,sans-serif;
- --mono:'Space Mono',ui-monospace,monospace;
- }
- *{box-sizing:border-box}
- body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);font-weight:400;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
- a{color:inherit;text-decoration:none}
-
- /* Top — single thick rule, no chrome */
- .top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:2px solid var(--rule)}
- .top .m{font-family:var(--display);font-size:18px;text-transform:uppercase;letter-spacing:0.04em}
- .top nav{display:flex;gap:0;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:0.06em}
- .top nav a{padding:8px 14px;border-left:1px solid var(--rule)}
- .top nav a:hover{background:var(--accent);color:var(--bg)}
- .top .demo{font-family:var(--display);font-size:13px;letter-spacing:0.06em;color:var(--bg);background:var(--accent);padding:10px 18px;text-transform:uppercase}
-
- /* HERO — one huge type slab. Photo is small + framed. */
- .hero{padding:60px 28px 40px;border-bottom:2px solid var(--rule);position:relative}
- .hero h1{font-family:var(--display);font-weight:900;font-size:clamp(72px,16vw,260px);line-height:0.84;letter-spacing:-0.04em;margin:0;text-transform:uppercase}
- .hero h1 .accent{color:var(--accent)}
- .hero h1 .strike{background:var(--accent);color:var(--bg);padding:0 10px;display:inline-block;transform:rotate(-1deg)}
- .hero-meta{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;margin-top:38px;align-items:end}
- .hero-meta p{font-family:var(--ui);font-weight:500;font-size:21px;line-height:1.4;margin:0;max-width:32ch}
- .hero-meta p strong{background:var(--accent);color:var(--bg);padding:0 6px;font-weight:700}
- .hero-photo{position:relative;border:2px solid var(--rule);aspect-ratio:5/4;background:#000;overflow:hidden}
- .hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
- .hero-photo .tag{position:absolute;top:0;left:0;background:var(--bg);color:var(--fg);padding:6px 10px;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;border-right:2px solid var(--rule);border-bottom:2px solid var(--rule)}
- .hero-cta{margin-top:32px;display:flex;gap:0;align-items:center;flex-wrap:wrap}
- .hero-cta a.primary{font-family:var(--display);font-size:18px;letter-spacing:0.04em;text-transform:uppercase;background:var(--fg);color:var(--bg);padding:20px 42px;border:2px solid var(--rule)}
- .hero-cta a.primary:hover{background:var(--accent);color:var(--bg)}
- .hero-cta a.secondary{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:0.12em;padding:20px 28px;border:2px solid var(--rule);border-left:none}
- .hero-cta a.secondary:hover{background:var(--fg);color:var(--bg)}
-
- /* Stats — five enormous numbers, no chrome */
- .stats{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:2px solid var(--rule)}
- .stats div{padding:36px 22px;border-right:2px solid var(--rule)}
- .stats div:last-child{border-right:none}
- .stats .n{font-family:var(--display);font-size:clamp(48px,7vw,108px);line-height:0.95;letter-spacing:-0.02em;display:block}
- .stats .n.accent{color:var(--accent)}
- .stats .l{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;display:block;margin-top:14px;opacity:0.7}
-
- /* What ships — single column, each row is a slab */
- .row{display:grid;grid-template-columns:120px 1fr auto;gap:32px;align-items:center;padding:36px 28px;border-bottom:2px solid var(--rule);transition:background .12s}
- .row:hover{background:var(--accent);color:var(--bg)}
- .row:hover .n{color:var(--bg)}
- .row .n{font-family:var(--display);font-size:80px;line-height:1;letter-spacing:-0.02em;color:var(--accent)}
- .row .body h2{font-family:var(--display);font-size:clamp(28px,3vw,44px);text-transform:uppercase;letter-spacing:-0.01em;margin:0 0 10px;line-height:1}
- .row .body p{font-family:var(--ui);font-size:17px;line-height:1.45;margin:0;max-width:60ch;font-weight:500}
- .row .arrow{font-family:var(--display);font-size:48px;line-height:1}
-
- /* Credit wall — one wide slab with type strikes */
- .credit{padding:60px 28px;border-bottom:2px solid var(--rule);background:var(--accent);color:var(--bg)}
- .credit .lbl{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 14px}
- .credit h2{font-family:var(--display);font-size:clamp(28px,3.6vw,52px);text-transform:uppercase;letter-spacing:-0.01em;line-height:1;margin:0 0 28px;max-width:22ch}
- .credit .titles{display:flex;flex-wrap:wrap;gap:14px 24px}
- .credit .titles span{font-family:var(--display);font-size:clamp(20px,2.2vw,30px);text-transform:uppercase;letter-spacing:-0.01em;line-height:1.1;border-bottom:3px solid var(--bg);padding-bottom:4px}
-
- /* For studios — one black block */
- .studios{padding:80px 28px;border-bottom:2px solid var(--rule)}
- .studios .lbl{font-family:var(--mono);font-size:13px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}
- .studios h2{font-family:var(--display);font-size:clamp(40px,7vw,108px);line-height:0.88;letter-spacing:-0.025em;text-transform:uppercase;margin:0 0 28px;max-width:18ch}
- .studios .contact{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:2px solid var(--rule);padding-top:28px;margin-top:38px}
- .studios .contact dt{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
- .studios .contact dd{margin:0;font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:0.02em}
- .studios a.cta{display:inline-flex;align-items:center;gap:14px;font-family:var(--display);font-size:24px;letter-spacing:0.02em;text-transform:uppercase;background:var(--fg);color:var(--bg);padding:24px 38px;border:2px solid var(--rule);margin-top:14px}
- .studios a.cta:hover{background:var(--accent);color:var(--bg)}
- .studios a.cta::after{content:"→"}
-
- /* Disclaimers — small caps tight footer */
- .disclaim{padding:24px 28px;font-family:var(--mono);font-size:11px;letter-spacing:0.06em;line-height:1.7;border-bottom:2px solid var(--rule);opacity:0.6}
- .disclaim b{color:var(--accent);font-weight:700}
-
- .ft{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;flex-wrap:wrap;gap:14px}
- .ft a{margin:0 8px}
- .ft a:hover{background:var(--accent);color:var(--bg)}
-
- @media(max-width:900px){
- .top nav{display:none}
- .hero-meta{grid-template-columns:1fr;gap:24px}
- .stats{grid-template-columns:1fr 1fr}
- .stats div{border-right:none;border-bottom:2px solid var(--rule)}
- .row{grid-template-columns:1fr;gap:14px}
- .studios .contact{grid-template-columns:1fr}
- }
-</style>
-</head>
-<body>
- <header class="top">
- <a class="m" href="/">The Set Decorator</a>
- <nav aria-label="Primary">
- <a href="/catalog.html">ART</a>
- <a href="/stores.html">SOURCES</a>
- <a href="/attorneys.html">LEGAL</a>
- <a href="/fancy-search.html">SEARCH</a>
- <a href="/for-studios">STUDIOS</a>
- </nav>
- <a class="demo" href="/request-demo">DEMO</a>
- </header>
-
- <section class="hero" aria-label="Brand hero">
- <h1>CLEARED ART.<br><span class="accent">SOURCED.</span> <span class="strike">DELIVERED</span><br>SAME DAY.</h1>
- <div class="hero-meta">
- <p>The trade-resource layer for set decoration — built by working decorators in Sherman Oaks. <strong>Cleared inventory.</strong> Prop-house attribution. Attorney directory. Itinerary builder. Print & deliver on set.</p>
- <div class="hero-photo">
- <span class="tag">FEATURED · 1928 LIVING ROOM</span>
- <img src="/img/hero/hero-rendered.jpg" alt="Cleared artwork on a 1928 American living-room set">
- </div>
- </div>
- <div class="hero-cta">
- <a class="primary" href="/catalog.html">OPEN THE CATALOG</a>
- <a class="secondary" href="/fancy-search.html">START FANCY SEARCH</a>
- <a class="secondary" href="/for-studios">STUDIO BRIEF</a>
- </div>
- </section>
-
- <section class="stats" aria-label="Stats">
- <div><span class="n accent">30,225</span><span class="l">OWNED PHOTOGRAPHS</span></div>
- <div><span class="n">62</span><span class="l">CLEARED ARTWORKS</span></div>
- <div><span class="n">30</span><span class="l">PROP HOUSES INDEXED</span></div>
- <div><span class="n">25</span><span class="l">ATTORNEY RESOURCES</span></div>
- <div><span class="n">28</span><span class="l">UNION LOCALS</span></div>
- </section>
-
- <a class="row" href="/catalog.html">
- <span class="n">01</span>
- <div class="body">
- <h2>Cleared Artwork</h2>
- <p>Sixty-two production-vetted works with explicit on-screen licenses. Chain-of-title, license terms, source attribution. The clearance memo is short by design.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <a class="row" href="/attorneys.html">
- <span class="n">02</span>
- <div class="body">
- <h2>Entertainment Attorneys</h2>
- <p>Bar entertainment sections, arts-legal nonprofits, ranking-directory lookups. Filter by union, theatre, film, commercial. Informational only.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <a class="row" href="/fancy-search.html">
- <span class="n">03</span>
- <div class="body">
- <h2>Fancy Search</h2>
- <p>One search across stores, prop houses, attorneys, theatre, jobs, trade resources. Filter by city, vendor, union, department. Save as an ordered itinerary.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <a class="row" href="/itinerary.html">
- <span class="n">04</span>
- <div class="body">
- <h2>Itinerary Builder</h2>
- <p>Turns a search session into a working day. Addresses, hours, drive time, CSV export. Legal-first or prop-house-first sequencing.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <a class="row" href="/print.html">
- <span class="n">05</span>
- <div class="body">
- <h2>Same-Day Delivery</h2>
- <p>Any size, finish, frame. Uber Direct in the LA basin; production-shipper handoff anywhere else. Cleared at 10 AM, on set by 1 PM call.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <a class="row" href="/stores.html">
- <span class="n">06</span>
- <div class="body">
- <h2>Prop Houses & Sources</h2>
- <p>Per-store film-piece attribution from named decorator interviews. The only public dataset linking specific film props to specific stores.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <a class="row" href="/videos.html">
- <span class="n">07</span>
- <div class="body">
- <h2>Decorator Interviews</h2>
- <p>Video interviews with SDSA members. Written pieces on continuity, period research, the working department. The editorial layer that backs the data.</p>
- </div>
- <span class="arrow">→</span>
- </a>
-
- <section class="credit" aria-label="Credit wall">
- <p class="lbl">// PIECES TRACED TO SET · FROM NAMED DECORATOR INTERVIEWS</p>
- <h2>The credit wall. Partial.</h2>
- <div class="titles">
- <span>Carol</span>
- <span>The Grand Budapest Hotel</span>
- <span>Once Upon a Time in Hollywood</span>
- <span>Mad Men</span>
- <span>Babylon</span>
- <span>The French Dispatch</span>
- <span>Mank</span>
- <span>La La Land</span>
- <span>Asteroid City</span>
- <span>Killers of the Flower Moon</span>
- <span>Maestro</span>
- <span>Don't Worry Darling</span>
- </div>
- </section>
-
- <section class="studios" aria-label="For studios">
- <p class="lbl">// FOR STUDIOS & PLATFORMS</p>
- <h2>Talk to a person.</h2>
- <p style="font-family:var(--ui);font-weight:500;font-size:21px;line-height:1.5;margin:0;max-width:54ch">Disney. Netflix. Apple TV+. Warner Bros. A24. Same workflow whether the show is a feature in Atlanta or a half-hour in Burbank. Cleared inventory, sourcing trail, legal layer, same-day delivery.</p>
- <a class="cta" href="/request-demo">REQUEST A DEMO</a>
- <dl class="contact">
- <div><dt>EMAIL</dt><dd>demo@thesetdecorator.com</dd></div>
- <div><dt>OFFICE</dt><dd>Sherman Oaks, CA</dd></div>
- <div><dt>RESPONSE</dt><dd>One business day</dd></div>
- </dl>
- </section>
-
- <section class="disclaim">
- <b>NOT AFFILIATED.</b> The Set Decorator is independent of SDSA, ADG, IATSE, USA 829, USITT, TCG, or any union/guild.
- <b>NOT A REFERRAL SERVICE.</b> The attorneys directory is informational and not a substitute for counsel.
- <b>NOT LEGAL ADVICE.</b> Every piece-to-store attribution traces to a published interview or named decorator statement.
- </section>
-
- <footer class="ft">
- <div>© 2026 THE SET DECORATOR · A PRODUCTION-DESIGN HUB BY ABRAMS</div>
- <div><a href="/for-studios">STUDIOS</a><a href="/about.html">ABOUT</a><a href="/privacy.html">PRIVACY</a><a href="/terms.html">TERMS</a></div>
- </footer>
-</body>
-</html>
diff --git a/tmp/mockups/index.html b/tmp/mockups/index.html
deleted file mode 100644
index 93831d0..0000000
--- a/tmp/mockups/index.html
+++ /dev/null
@@ -1,102 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Homepage Variants — The Set Decorator · 2026-05-14</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap">
-<style>
- :root{
- --bg:#0e0e0e; --fg:#f1ece2; --accent:#c9a96e;
- --rule:rgba(241,236,226,0.12); --muted:rgba(241,236,226,0.55);
- }
- *{box-sizing:border-box}
- body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.55}
- a{color:inherit}
- .wrap{max-width:1280px;margin:0 auto;padding:48px 28px}
- h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:0 0 14px;letter-spacing:-0.01em}
- .lede{color:var(--muted);font-size:18px;line-height:1.55;max-width:64ch;margin:0 0 8px}
- .meta{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.06em;color:var(--accent);margin:0 0 36px}
- .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px}
- .card{background:#161616;border:1px solid var(--rule);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
- .card:hover{transform:translateY(-2px);border-color:var(--accent)}
- .card .pv{aspect-ratio:16/10;background:#0a0a0a;border-bottom:1px solid var(--rule);position:relative;overflow:hidden}
- .card .pv iframe{position:absolute;inset:0;width:200%;height:200%;border:0;transform:scale(0.5);transform-origin:0 0;pointer-events:none}
- .card .pv-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);font-family:'Playfair Display',serif;color:rgba(201,169,110,0.5);font-size:48px}
- .card .body{padding:18px 20px 20px}
- .card .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
- .card h3{font-family:'Playfair Display',serif;font-weight:400;font-size:22px;line-height:1.2;margin:0 0 8px}
- .card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
- .card .tags{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
- .tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:3px 8px;border-radius:2px}
- .footnote{margin-top:48px;padding-top:28px;border-top:1px solid var(--rule);color:var(--muted);font-size:13px;font-family:'JetBrains Mono',monospace;letter-spacing:0.04em;line-height:1.7}
- .footnote a{color:var(--accent)}
-</style>
-</head>
-<body>
-<div class="wrap">
- <p class="meta">// 2026-05-14 · STUDIO-PITCH DIRECTION SELECTION</p>
- <h1>5 homepage variants — The Set Decorator</h1>
- <p class="lede">Hand-built front-page concepts for the studio-buyer audience (Disney, Netflix, Apple TV+, Warner Bros, A24). Each variant is a distinct aesthetic direction — not a template re-skin. Click into any variant to see the full page.</p>
- <p class="lede">All five share the same content backbone: cleared art · sourcing · attorneys · fancy search · itinerary · same-day delivery · interviews. They differ in <em>how</em> that story is told.</p>
- <p class="meta" style="margin-top:24px">// PICK A DIRECTION. SEE <a href="../../docs/homepage-variants-2026-05-14.md" style="color:var(--accent)">../docs/homepage-variants-2026-05-14.md</a> FOR THE SYNTHESIS.</p>
-
- <div class="grid">
- <a class="card" href="01-editorial-magazine.html" target="_blank">
- <div class="pv"><iframe src="01-editorial-magazine.html" loading="lazy"></iframe></div>
- <div class="body">
- <p class="lbl">01 · Editorial / Magazine</p>
- <h3>Variety / THR feel — masthead, drop caps, three-column deck.</h3>
- <p>Big editorial type, photo-led feature spread, news-paper-style "Inside" index. Carries the most credibility weight per page; reads like a real trade publication.</p>
- <div class="tags"><span class="tag">Playfair</span><span class="tag">Cream paper</span><span class="tag">Red accent</span></div>
- </div>
- </a>
- <a class="card" href="02-restrained-luxury.html" target="_blank">
- <div class="pv"><iframe src="02-restrained-luxury.html" loading="lazy"></iframe></div>
- <div class="body">
- <p class="lbl">02 · Restrained Luxury</p>
- <h3>Hermès / Gucci refinement — full-bleed hero, generous spacing.</h3>
- <p>The current site's Gucci-style hero, refined. Less chrome. More negative space. Alternating story rows with framed art tiles. Quietly confident.</p>
- <div class="tags"><span class="tag">Cormorant</span><span class="tag">Noir bg</span><span class="tag">Gold accent</span></div>
- </div>
- </a>
- <a class="card" href="03-data-led.html" target="_blank">
- <div class="pv"><iframe src="03-data-led.html" loading="lazy"></iframe></div>
- <div class="body">
- <p class="lbl">03 · Data-Led / Dashboard</p>
- <h3>For the data-buyer studio exec — terminal strip, live ribbon, six dashboard tiles.</h3>
- <p>Trade-dashboard treatment: top-of-page LIVE status strip, six-cell numeric ribbon, dashboard cards with "p95 latency" mono labels, activity ticker, bar-chart credit wall.</p>
- <div class="tags"><span class="tag">JetBrains Mono</span><span class="tag">Live ticker</span><span class="tag">6 stats</span></div>
- </div>
- </a>
- <a class="card" href="04-print-trade.html" target="_blank">
- <div class="pv"><iframe src="04-print-trade.html" loading="lazy"></iframe></div>
- <div class="body">
- <p class="lbl">04 · Print-Trade / Directory</p>
- <h3>Back-of-Variety broadsheet — 3-column deck, dense classified directory.</h3>
- <p>The directory-feel concept. Three-column lede with sidebar index + at-a-glance stats. Four-column tradespeople directory beneath. Classified-ad credit wall. Cream paper, Caslon serif.</p>
- <div class="tags"><span class="tag">Libre Caslon</span><span class="tag">Cream paper</span><span class="tag">4-col grid</span></div>
- </div>
- </a>
- <a class="card" href="05-brutalist.html" target="_blank">
- <div class="pv"><iframe src="05-brutalist.html" loading="lazy"></iframe></div>
- <div class="body">
- <p class="lbl">05 · Brutalist Confidence</p>
- <h3>High-contrast, no chrome — "we don't need to sell hard".</h3>
- <p>Single huge type slab. One small framed photo. Five enormous stats. Seven slab-rows for the seven assets. Yellow accent. Reads aggressive — best for the second-meeting deck, not the cold landing.</p>
- <div class="tags"><span class="tag">Archivo Black</span><span class="tag">Yellow accent</span><span class="tag">2px rules</span></div>
- </div>
- </a>
- </div>
-
- <div class="footnote">
- BUILT WITH /mockups · NO PAID-API SPEND · FOUR-HORSEMEN SKIPPED PER COST CAP IN PROMPT<br>
- EACH VARIANT IS SELF-CONTAINED HTML + INLINE CSS · NO BUILD STEP · NO JS FRAMEWORK<br>
- NONE OF THESE FILES IS PUBLIC · LIVE BEHIND /tmp/mockups/ ONLY<br>
- PICK ONE OR HYBRID — SEE THE SYNTHESIS MD FOR RECOMMENDED COMBINE
- </div>
-</div>
-</body>
-</html>
← 270f15f backlog: best-sellers band-aid DEPLOYED + verified live on p
·
back to Thesetdecorator
·
chore: macstudio3 migration — reconcile from mac2 + repoint cef8f99 →