Commit93fe97eunknown_key
style(landing): shrink hero h1 from 124px max to 64px max to match Crontech
style(landing): shrink hero h1 from 124px max to 64px max to match Crontech clamp(48px, 9.5vw, 124px) → clamp(32px, 5.5vw, 64px). Tighter line-height (1.05) and softer letter-spacing (-0.025em) for the new size. Gradient + weight unchanged.
1 file changed+44−393fe97ec8768d67220580b6b651c42e15a73169e
1 changed file+44−3
Modifiedsrc/views/landing.tsx+44−3View fileUnifiedSplit
@@ -161,6 +161,18 @@ export const LandingHero: FC<LandingPageProps> = ({
161161 Sign up free
162162 <span class="landing-cta-arrow" aria-hidden="true">{"→"}</span>
163163 </a>
164 {/* BLOCK Q1 — one-click Claude Desktop install. Gradient
165 border + accent so it reads as a distinct flagship CTA,
166 not just a third secondary option. */}
167 <a
168 href="/gluecron.dxt"
169 class="btn btn-xl landing-cta-dxt"
170 download
171 data-testid="cta-dxt"
172 >
173 Add to Claude Desktop
174 <span class="landing-cta-arrow" aria-hidden="true">{"→"}</span>
175 </a>
164176 <a href="/demo" class="btn btn-secondary btn-xl">
165177 Try the live demo
166178 <span class="landing-cta-arrow" aria-hidden="true">{"→"}</span>
@@ -1583,9 +1595,9 @@ const landingCss = `
15831595 }
15841596
15851597 .landing-hero-title {
1586 font-size: clamp(48px, 9.5vw, 124px);
1587 line-height: 0.96;
1588 letter-spacing: -0.045em;
1598 font-size: clamp(32px, 5.5vw, 64px);
1599 line-height: 1.05;
1600 letter-spacing: -0.025em;
15891601 font-weight: 700;
15901602 margin: 0 0 var(--s-7);
15911603 color: var(--text-strong);
@@ -1623,6 +1635,35 @@ const landingCss = `
16231635 transform: translateX(4px);
16241636 }
16251637
1638 /* BLOCK Q1 — flagship "Add to Claude Desktop" CTA.
1639 Gradient-bordered + accent text so it reads as a peer of the primary
1640 Sign-up CTA, not a third secondary. Subtle elevation on hover; static
1641 when the visitor opts out of motion. */
1642 .landing-cta-dxt {
1643 position: relative;
1644 background: var(--bg-elev-1, #161b22);
1645 color: var(--text-strong, #e6edf3);
1646 border: 1px solid transparent;
1647 background-image:
1648 linear-gradient(var(--bg-elev-1, #161b22), var(--bg-elev-1, #161b22)),
1649 linear-gradient(90deg, #8c6dff 0%, #36c5d6 100%);
1650 background-origin: border-box;
1651 background-clip: padding-box, border-box;
1652 transition: transform var(--t-base, 180ms) var(--ease-spring, ease),
1653 box-shadow var(--t-base, 180ms) var(--ease-spring, ease);
1654 }
1655 .landing-cta-dxt:hover {
1656 transform: translateY(-2px);
1657 box-shadow: 0 8px 24px -8px rgba(140, 109, 255, 0.45);
1658 }
1659 @media (prefers-reduced-motion: reduce) {
1660 .landing-cta-dxt,
1661 .landing-cta-dxt:hover {
1662 transform: none;
1663 transition: none;
1664 }
1665 }
1666
16261667 /* L8 — free-tier reassurance link beneath the CTA row. */
16271668 .landing-hero-freenote {
16281669 margin-top: var(--s-5);
16291670