From 79f2b5c606a1574e9aa82f6b3213dd0d9df8f6b8 Mon Sep 17 00:00:00 2001 From: Worker Date: Thu, 12 Nov 2026 23:54:36 +1100 Subject: [PATCH] Build a responsive 3D assembly for the homepage hero --- DESIGN.md | 2 +- src/components/ProductHome.astro | 125 +++++---- src/styles/product-home.css | 448 ++++++++----------------------- 3 files changed, 181 insertions(+), 394 deletions(-) diff --git a/DESIGN.md b/DESIGN.md index e9853568..3ab4100a 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -24,7 +24,7 @@ The homepage uses a theme-aware ink-and-orange assembly studio: the opening and Theme correction, 11 November 2026: the opening and closing panels previously stayed dark/light regardless of the toggle. They now follow the active theme, and the header controls sit on matching surfaces. The light opening uses dark ink on warm paper with a darker orange accent; the dark opening uses light text on ink with the brighter accent. The closing panel follows the same pairing. -The reference is a craft benchmark, not a substitute for Composer's identity. Reviewed 11 November 2026 at 1440px and 390px in both themes, with 1024/768/600/320px overflow checks. The gallery uses large app captures without horizontal cropping, the hero keeps its editorial bleed without clipping its labels, the film cover uses a separate control bar, and the closing headline holds two lines on phones. Above 900px, the headline scales within its own grid column and the moving app sheets have a separate column with room to bleed at the right edge. At 660px and below, the art follows the copy in the page flow. Keyboard tabs (arrows, Home and End), the launcher, theme persistence, skip-link focus, reduced motion, the Woodhouse builder-context strip and the JavaScript-free gallery were exercised. Issue #7 owns the public experience and #11 owns the release evidence; production identity and live-flow results are recorded there after the clean-main release. +The reference is a craft benchmark, not a substitute for Composer's identity. Reviewed 11 November 2026 at 1440px and 390px in both themes, with 1024/768/600/320px overflow checks. The gallery uses large app captures without horizontal cropping, the hero keeps its editorial bleed without clipping its labels, the film cover uses a separate control bar, and the closing headline holds two lines on phones. The hero uses a bounded, aspect-ratio scene in its own grid column. At 820px and below, it follows the copy in the same grid. The approved orange plate, Paperwork capture and fictional Launch Kit card form an exploded assembly with a brief connection pulse and gentle pointer tilt. CSS perspective and transforms move the art inside its own frame. Reduced-motion visitors see the resting composition. Keyboard tabs (arrows, Home and End), the launcher, theme persistence, skip-link focus, reduced motion, the Woodhouse builder-context strip and the JavaScript-free gallery were exercised. Issue #7 owns the public experience and #11 owns the release evidence; production identity and live-flow results are recorded there after the clean-main release. ## Approved identity and campaign direction — 22 October 2026 diff --git a/src/components/ProductHome.astro b/src/components/ProductHome.astro index d73ca513..c794f109 100644 --- a/src/components/ProductHome.astro +++ b/src/components/ProductHome.astro @@ -60,9 +60,6 @@ const siteSchema = {
-

- An open studio for building software -

Make software.
@@ -87,68 +84,63 @@ const siteSchema = {

-