diff --git a/apps/website/src/components/BrandMark.tsx b/apps/website/src/components/BrandMark.tsx
new file mode 100644
index 0000000..0f0afc2
--- /dev/null
+++ b/apps/website/src/components/BrandMark.tsx
@@ -0,0 +1,19 @@
+// The full reDeploy product mark (brand v1.9, iter32 frame): amber corporate frame +
+// lime ^^ glyph, verbatim from thesolidchain.com brand/products/tsc-redeploy.svg.
+// Lives in the hero — the sticky header intentionally carries only the family mark
+// and the ASCII product row (see Topbar.tsx).
+export default function BrandMark({ className }: { className?: string }) {
+ return (
+
+ );
+}
diff --git a/apps/website/src/components/Hero.tsx b/apps/website/src/components/Hero.tsx
index 3bbac31..596581b 100644
--- a/apps/website/src/components/Hero.tsx
+++ b/apps/website/src/components/Hero.tsx
@@ -1,9 +1,11 @@
import { HERO } from "../content.js";
+import BrandMark from "./BrandMark.js";
import RichText from "./RichText.js";
export default function Hero() {
return (
+
diff --git a/apps/website/src/styles.css b/apps/website/src/styles.css
index 37ce7c7..91a9c0b 100644
--- a/apps/website/src/styles.css
+++ b/apps/website/src/styles.css
@@ -174,6 +174,13 @@ body {
padding: 52px 0 8px;
}
+.heroMark {
+ width: clamp(84px, 12vw, 112px);
+ height: auto;
+ display: block;
+ margin: 0 auto 14px;
+}
+
h1 {
font-family: "Space Grotesk", var(--mono);
font-size: clamp(30px, 5vw, 44px);
diff --git a/apps/website/test/App.test.tsx b/apps/website/test/App.test.tsx
index e9baaea..1351ec8 100644
--- a/apps/website/test/App.test.tsx
+++ b/apps/website/test/App.test.tsx
@@ -19,6 +19,14 @@ describe("App", () => {
expect(screen.getByText(/Built on Hardhat Ignition\./)).toBeInTheDocument();
});
+ it("renders the full reDeploy brand mark in the hero", () => {
+ render(
);
+
+ const mark = screen.getByRole("img", { name: "reDeploy logo" });
+ expect(mark).toBeInTheDocument();
+ expect(mark).toHaveClass("heroMark");
+ });
+
it("renders the spec pane with the example contracts and the dependency graph", () => {
render(
);