overnight loop item (h): design critique applied — shorter mobile hero (content not buried), lighter mobile shadow, neutralize leftover wallcovering copy to generic booking language

f3aa79cb24f7dc6c72aa20b6588453218001b6af · 2026-06-29 21:06:36 -0700 · Steve

Files touched

M public/index.html
M public/styles.css

Diff

commit f3aa79cb24f7dc6c72aa20b6588453218001b6af
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon Jun 29 21:06:36 2026 -0700

    overnight loop item (h): design critique applied — shorter mobile hero (content not buried), lighter mobile shadow, neutralize leftover wallcovering copy to generic booking language
---
 public/index.html | 6 +++---
 public/styles.css | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 1b0f318..78bb5d1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -66,9 +66,9 @@ MEETING.</h1>
       <span class="kicker">/ what you get</span>
       <h2 class="sec-h">An appointment that pays off.</h2>
       <div class="grid3">
-        <div class="cell"><h3>Consult</h3><p>Bring your space. Leave with a direction — patterns, scale, and palette that work.</p></div>
-        <div class="cell"><h3>Sample</h3><p>Hand-pick memo samples for your project. See and feel before you commit.</p></div>
-        <div class="cell"><h3>Specify</h3><p>Trade &amp; design support: SKUs, yardage, lead times, and ordering — handled.</p></div>
+        <div class="cell"><h3>Consult</h3><p>Bring the problem. Leave with a clear direction and concrete next steps.</p></div>
+        <div class="cell"><h3>Review</h3><p>We go through the specifics together — options, tradeoffs, and timeline.</p></div>
+        <div class="cell"><h3>Decide</h3><p>Walk away with a decision and a plan — not a maybe.</p></div>
       </div>
     </section>
 
diff --git a/public/styles.css b/public/styles.css
index bb224cd..d309a84 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -85,6 +85,13 @@ a { color: inherit; }
 }
 .cta:hover { background: var(--accent2); color: var(--paper); transform: translate(2px,2px); box-shadow: 6px 6px 0 var(--ink); }
 
+/* mobile hero: shorter so the wordmark + CTA aren't buried at the bottom (design crit) */
+@media (max-width: 720px) {
+  .hero { min-height: 70vh; }
+  .hero h1 { text-shadow: 4px 4px 0 var(--ink); }
+  .hero-inner { padding-bottom: 36px; }
+}
+
 /* ── sections ── */
 section { padding: 70px 24px; border-bottom: var(--bord); }
 .kicker { font-family: "SF Mono", monospace; background: var(--ink); color: var(--accent);

← 694340e loop ledger: item (i) done + deployed · back to Robet Site · loop ledger: item (h) done — ROUND 1 complete (9/9) fda2646 →