← back to Consulting Intake
public/versions/editorial.html
27 lines
<!doctype html><html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Consulting Intake — Luxury / editorial</title>
<style>
:root{--bg:#f6f2ec;--ink:#14110e;--accent:#a9884f}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--bg);color:var(--ink)}
.bar{padding:14px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--accent)}
.bar b{letter-spacing:.06em}.bar span{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.2em}
.hero{padding:90px 30px;text-align:center}
.hero .k{color:var(--accent);letter-spacing:.3em;text-transform:uppercase;font-size:12px}
.hero h1{font-size:56px;margin:.2em 0;font-weight:700}
.hero p{font-size:20px;max-width:620px;margin:0 auto;opacity:.8}
.cta{display:inline-block;margin-top:26px;background:var(--accent);color:var(--bg);padding:14px 32px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:13px}
.goals{max-width:900px;margin:40px auto;padding:0 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.goals div{border:1px solid var(--accent);padding:22px;font-size:17px}
.foot{padding:40px 30px;text-align:center;opacity:.6;font-size:13px}
</style></head><body>
<div class="bar"><b>Consulting Intake</b><span>Luxury / editorial concept</span></div>
<div class="hero">
<div class="k">Website + integrated-social growth for local businesses </div>
<h1>Consulting Intake</h1>
<p>Tell us about your business — we'll build your new website and social presence.</p>
<a class="cta" href="#">Get in touch</a>
</div>
<div class="goals"><div>Collect new-client intakes that spawn a website + social growth plan</div><div>Showcase the concept-version approach (several high-end directions to pick from)</div><div>Front door for the Consulting engine</div></div>
<div class="foot">Concept "editorial" · generated 2026-07-17 · one of several directions to choose from.</div>
</body></html>