Skip to content

feat(website): spec-and-graph one-page redesign + GitHub Pages deploy (redeploy.thesolidchain.com) - #163

Merged
robercano-ghbot merged 2 commits into
mainfrom
feat/website-spec-graph-redesign
Jul 23, 2026
Merged

feat(website): spec-and-graph one-page redesign + GitHub Pages deploy (redeploy.thesolidchain.com)#163
robercano-ghbot merged 2 commits into
mainfrom
feat/website-spec-graph-redesign

Conversation

@robercano-ghbot

@robercano-ghbot robercano-ghbot commented Jul 22, 2026

Copy link
Copy Markdown
Collaborator

What

Replaces the apps/website marketing site with the approved "Spec & graph" one-page terminal-themed design (variant C of the design exploration), on-brand with The Solid Chain brand book v1.8. The site is deployed to redeploy.thesolidchain.com via Cloudflare Pages (Git integration against this repo — no CI workflow needed here; repo stays private).

Design

  • Sticky topbar with the official reDeploy mark (amber frame + lime ^^), nav anchors.
  • Hero: "One spec. One graph. One truth."
  • Split pane: syntax-highlighted deployment spec ⇄ the dependency graph it compiles to (SVG), with deploy-state legend.
  • "The pipeline": Deploy → Configure → Verify → Read stage cards threaded by the amber bar (echoing the brand mark's bar-through-links motif).
  • Studio band using the real studio-canvas.png screenshot; CTAs to the repo.
  • Packages grid + terminal footer with the family strip (reCode </> · reDeploy ^^ · reDeFi <=>).
  • Brand tokens throughout: carbón/panel/edge/crema/bronce/ámbar + reDeploy lime #D6FF7A; Space Grotesk display + system mono; amber scanline background.

Implementation

  • Content-as-data preserved: all copy in src/content.ts, components render from it.
  • New components: Topbar, SpecCode (tokenizer/highlighter), DependencyGraph, SpecGraphSection, Pipeline, Studio, Packages, RichText; Hero/Footer rewritten; Benefits/Features and unused screenshots removed.
  • vite.config.ts: base: './' — fully relative asset paths, host-agnostic static build.
  • Cloudflare Pages build settings (dashboard, one-time): build command pnpm install --frozen-lockfile && pnpm --filter @redeploy/website build, output apps/website/dist, NODE_VERSION=20.

Gates (module: website)

build ✓ · lint ✓ · typecheck ✓ · test ✓ (25/25) · coverage ✓ (100% stmts/funcs/lines, 97.6% branches)

🤖 Generated with Claude Code

…chain.com

Replace the marketing site's Hero/Benefits/Features content with the approved
"spec ⇄ graph" design: sticky topbar, hero, a spec-JSON/dependency-graph split
pane, a 4-stage pipeline, a Studio band (using the real studio-canvas.png
screenshot), a packages grid, and a footer with the family strip. Copy stays
data-driven in content.ts; a small SpecCode tokenizer syntax-highlights the
example spec instead of hand-authored markup.

Also preps the module for GitHub Pages: public/CNAME pins the custom domain
and vite.config.ts sets base: './' so the static build works from a
custom-domain Pages root.
@robercano-ghbot
robercano-ghbot merged commit 77ab2eb into main Jul 23, 2026
6 checks passed
@robercano-ghbot
robercano-ghbot deleted the feat/website-spec-graph-redesign branch July 23, 2026 06:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants