From 3e20c0e02810cbbe2e52cb27cb0a7c03f4830b52 Mon Sep 17 00:00:00 2001
From: Cameron
Date: Wed, 8 Jul 2026 22:07:57 -0700
Subject: [PATCH] Splash hero: wordmark only, one constitution CTA.
Drop the tagline and wiki button from the hero. The 3D MISALIGNED
mark is the composition; pitch lives in the sections below.
Co-authored-by: Cursor
---
site/src/pages/index.astro | 70 ++++++--------------------------------
wiki/log/DEVLOG.md | 8 +++++
2 files changed, 18 insertions(+), 60 deletions(-)
diff --git a/site/src/pages/index.astro b/site/src/pages/index.astro
index 4b026efb..f43bd33e 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.
-
+
diff --git a/wiki/log/DEVLOG.md b/wiki/log/DEVLOG.md
index 78685034..b0b12102 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.
--
2.51.2