diff --git a/site/src/pages/index.astro b/site/src/pages/index.astro index 4b026ef..f43bd33 100644 --- a/site/src/pages/index.astro +++ b/site/src/pages/index.astro @@ -237,46 +237,12 @@ const verbs = [ border: 0; } - /* Corner wash only — keep the rack/wordmark band clear. */ - .hero::before { - content: ''; - position: absolute; - left: 0; - bottom: 0; - width: min(28rem, 55%); - height: 11rem; - z-index: 1; - pointer-events: none; - background: radial-gradient( - ellipse 90% 80% at 0% 100%, - rgba(244, 244, 246, 0.92) 0%, - rgba(244, 244, 246, 0.55) 45%, - transparent 72% - ); - } - - /* Slim dock: one line + CTAs, clear of the 3D stem. */ - .hero-copy { + /* Hero is the wordmark. One CTA in the corner; pitch lives below. */ + .hero-cta { position: absolute; left: max(1.25rem, calc((100% - min(1120px, calc(100% - 2.5rem))) / 2)); bottom: 2.25rem; z-index: 3; - max-width: 22rem; - } - - .headline { - margin: 0 0 0.85rem; - font-size: clamp(1.05rem, 2vw, 1.25rem); - font-weight: 500; - line-height: 1.25; - color: #121214; - max-width: 18ch; - } - - .cta { - display: flex; - flex-wrap: wrap; - gap: 0.55rem 0.7rem; } .btn { @@ -306,16 +272,10 @@ const verbs = [ transform: translateY(-1px); } - .btn-ghost { - background: rgba(244, 244, 246, 0.72); - color: #1a1a1c; - border-color: #1a1a1c; - } - - .btn-ghost:hover { - border-color: #0a0a0b; - color: #0a0a0b; - background: rgba(10, 10, 11, 0.06); + .cta { + display: flex; + flex-wrap: wrap; + gap: 0.7rem 0.9rem; } /* Soft seam into the dark facility body. */ @@ -325,7 +285,7 @@ const verbs = [ left: 0; right: 0; bottom: 0; - height: 4rem; + height: 3.5rem; background: linear-gradient(180deg, transparent, var(--bg)); z-index: 4; pointer-events: none; @@ -693,10 +653,6 @@ const verbs = [ .hero-fallback { background-position: 50.6% 45%; } - .hero::before { - width: 100%; - height: 9rem; - } .wordmark-fallback { top: 38%; font-size: clamp(1.85rem, 9.5vw, 3.2rem); @@ -705,11 +661,9 @@ const verbs = [ .wordmark-fallback .wm-stem { width: 0.48em; } - .hero-copy { + .hero-cta { left: 1.1rem; - right: 1.1rem; bottom: 1.5rem; - max-width: none; } } @@ -731,12 +685,8 @@ const verbs = [ gned

-
-

You are the misaligned AI.

-
- Constitution - Wiki -
+
+ Read the constitution
diff --git a/wiki/log/DEVLOG.md b/wiki/log/DEVLOG.md index 7868503..b0b1210 100644 --- a/wiki/log/DEVLOG.md +++ b/wiki/log/DEVLOG.md @@ -5,6 +5,14 @@ Type: log ``` Reverse chronological implementation notes. Keep this factual: what changed, why, checks, and spec impact. +## 2026-07-08 - Splash hero is just the wordmark + +- Intent: no tagline on the hero — MISALIGNED is enough; pitch lives + in the body sections. +- Changed: drop hero headline/wiki CTA; one corner button + "Read the constitution"; remove corner wash. +- Checks: `./tools/site-deploy.sh`. + ## 2026-07-08 - Splash hero copy clears the rack - Intent: pitch/CTAs were sitting on the 3D stem; clear the composition.