# Moonvalley: Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.moonvalley.com/
Captured: 2026-11-03
CSS measured: 2026-11-03T05:15:20.018Z at 1440×1000 — https://www.moonvalley.com/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: claude-sonnet-5

## Design direction

Moonvalley's website employs a dark, cinematic, and highly structured design language. The visual identity is anchored by a persistent, thin-line grid background that imparts a technical, precision-oriented aesthetic. Large, bold typography using PP Neue Corp Compact dominates the hierarchy, contrasting with the clean, legible Inter font used for body copy. The color palette is predominantly dark, utilizing a deep off-black canvas with warm, off-white text, punctuated by soft, muted purple and teal accents for interactive elements. Layouts are spacious, allowing high-quality video content to take center stage within rounded-corner containers.

## Classification

- Industry: ai
- Site type: Waitlist, Blog
- Business model: Software, Agency
- Styles: minimal, bold, geometric, typographic, dark-mode, cinematic, technical
- Platform: Framer
- Technology: Not identified

## Typography

- Display: PP Neue Corp Compact Medium — weight 400; size 80px; line-height 76.8px; tracking normal; Regular (100% role confidence, computed values)
- Heading: PP Neue Corp Compact Semibold — weight 400; size 68px; line-height 74.8px; tracking normal; uppercase (95% role confidence, computed values)
- Body: Inter — weight 400; size 24px; line-height 33.6px; tracking 0px; Regular (100% role confidence, computed values)

## Functional palette

- Canvas — canvas #100C08: color-1: computed rgb(16, 12, 8); AI role: The primary dark background color (#100C08) used across the entire page body. (100% role confidence, computed values)
- Text — text #DBDAC6: color-3: computed rgb(219, 218, 198); AI role: The primary warm off-white color (#DBDAC6) used for headings and high-contrast text. (100% role confidence, computed values)
- Primary Action — primary action #9088BB: color-6: computed rgb(144, 136, 187); AI role: The muted purple (#9088BB) used for the 'START CREATING' primary call-to-action button. (100% role confidence, computed values)
- Accent — accent #BDDBD3: color-5: computed rgb(189, 219, 211); AI role: A soft teal (#BDDBD3) used selectively for text accents and active tab states. (80% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "PP Neue Corp Compact Semibold",
    "fontStack": "\"PP Neue Corp Compact Semibold\", \"PP Neue Corp Compact Semibold Placeholder\", sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "61.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h3",
        "text": "CONTROL THE MOTION. SHAPE THE PERFORMANCE.",
        "top": 5926,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "CONTROL THE CAMERA. COMMAND THE SCENE.",
        "top": 6805,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "CAPTURE THE MOTION. MAKE IT YOUR OWN.",
        "top": 8073,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "PP Neue Corp Compact Semibold",
    "fontStack": "\"PP Neue Corp Compact Semibold\", \"PP Neue Corp Compact Semibold Placeholder\", sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h4",
        "text": "PROMPT ADHERENCE",
        "top": 1962,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "ASTONISHING DETAIL",
        "top": 2470,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "NATURAL PHYSICS",
        "top": 3061,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "PP Neue Corp Compact Semibold",
    "fontStack": "\"PP Neue Corp Compact Semibold\", \"PP Neue Corp Compact Semibold Placeholder\", sans-serif",
    "weight": "400",
    "size": "68px",
    "lineHeight": "74.8px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "FULLY LICENSED, Commercially safe.",
        "top": 1089,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "BUILT FOR THE SCREEN.",
        "top": 1493,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "PROVEN IN THE FRAME.",
        "top": 1568,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "PP Neue Corp Compact Medium",
    "fontStack": "\"PP Neue Corp Compact Medium\", \"PP Neue Corp Compact Medium Placeholder\", sans-serif",
    "weight": "400",
    "size": "80px",
    "lineHeight": "76.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "DIRECT EVERY DETAIL",
        "top": 245,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "time",
        "text": "Aug 14, 2025",
        "top": 11968,
        "property": "font"
      },
      {
        "tag": "time",
        "text": "Jul 8, 2025",
        "top": 11973,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "2 MIN READ",
        "top": 11991,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "START CREATING",
        "top": 658,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "POSE TRANSFER",
        "top": 5623,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "CAMERA CONTROL",
        "top": 5623,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "PRODUCTS",
        "top": 37,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "RESOURCES",
        "top": 37,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "ABOUT US",
        "top": 37,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Studio-grade quality. Frame-perfect control. Trained on licensed data. Powered by Marey.",
        "top": 500,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Marey generates image-to-video and text-to-video with cinematic detail, motion, and lighting. Built ",
        "top": 1676,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Model controls that respond to precise inputs. Natural results that match your vision. No tricks. No",
        "top": 5449,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "33.6px",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Marey follows your instructions while maintaining cinematic vision. It interprets complex prompts wi",
        "top": 2023,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Trained on high-resolution cinematic footage, every frame captures fine textures, clean edges, and r",
        "top": 2530,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Objects move with believable weight, momentum, and timing that follow real-world physics. Every fram",
        "top": 3122,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "22px",
    "lineHeight": "26.4px",
    "letterSpacing": "0px",
    "traits": "capitalize",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Marey launches on Fal.ai",
        "top": 11964,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI Firm Moonvalley Releases “Commercially Safe” Marey Video System To General Public",
        "top": 11964,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Moonvalley’s ‘ethical’ AI video model for filmmakers is now publicly available",
        "top": 12435,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "POSE TRANSFER",
        "top": 5881,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "CAMERA CONTROL",
        "top": 6760,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "MOTION TRANSFER",
        "top": 8028,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "PP Neue Corp Compact Medium",
    "fontStack": "\"PP Neue Corp Compact Medium\", \"PP Neue Corp Compact Medium Placeholder\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Build natively in Comfy",
        "top": 13220,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Run Marey on fal.ai",
        "top": 13220,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#100C08",
    "alpha": 1,
    "cssValue": "rgb(16, 12, 8)",
    "count": 13,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-5NH55QGB\" height=\"0\" width=\"0\" style=\"d",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "PRODUCTSRESOURCESABOUT USCONTACT SALESDIRECT EVERY DETAILStudio-grade quality. Frame-perfect control",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "nav",
        "text": "PRODUCTSRESOURCESABOUT USCONTACT SALES",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#DDDDCC",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(219, 218, 198, 0.06)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5193,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#DBDAC6",
    "alpha": 1,
    "cssValue": "rgb(219, 218, 198)",
    "count": 44,
    "contexts": [
      {
        "tag": "p",
        "text": "PRODUCTS",
        "top": 37,
        "property": "text"
      },
      {
        "tag": "h1",
        "text": "DIRECT EVERY DETAIL",
        "top": 245,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "BUILT FOR THE SCREEN.",
        "top": 1493,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#DBDAC6",
    "alpha": 0.7215686274509804,
    "cssValue": "rgba(219, 218, 198, 0.72)",
    "count": 16,
    "contexts": [
      {
        "tag": "p",
        "text": "Studio-grade quality. Frame-perfect control. Trained on licensed data. Powered by Marey.",
        "top": 500,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#BDDBD3",
    "alpha": 1,
    "cssValue": "rgb(189, 219, 211)",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "FULLY LICENSED, Commercially safe.",
        "top": 1089,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "",
        "top": 5605,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#9088BB",
    "alpha": 1,
    "cssValue": "rgb(144, 136, 187)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "START CREATING",
        "top": 640,
        "property": "control-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 11616,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#DBD9C7",
    "alpha": 0.47843137254901963,
    "cssValue": "rgba(219, 218, 198, 0.48)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Copyright © Moonvalley AI Inc. All Rights Reserved.",
        "top": 14002,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#DADAC6",
    "alpha": 0.6,
    "cssValue": "rgba(219, 218, 198, 0.6)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Team",
        "top": 13741,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 19,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 36,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 36,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 1011,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#D9D9C4",
    "alpha": 0.23921568627450981,
    "cssValue": "rgba(219, 218, 198, 0.24)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "CONTACT SALES",
        "top": 24,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#D6D5C2",
    "alpha": 0.7333333333333333,
    "cssValue": "rgba(214, 213, 194, 0.733)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "TRAJECTORY CONTROL",
        "top": 5623,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#DBD9C5",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(219, 218, 198, 0.5)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10810,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#2F2E29",
    "alpha": 0.9882352941176471,
    "cssValue": "rgba(47, 46, 41, 0.99)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "POSE TRANSFER",
        "top": 5623,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#DEDEC5",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(219, 218, 198, 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1011,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#DADAC7",
    "alpha": 0.3215686274509804,
    "cssValue": "rgba(219, 218, 198, 0.32)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1012,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#DBD9C6",
    "alpha": 0.8,
    "cssValue": "rgba(219, 218, 198, 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1019,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between major sections, with content aligned to a visible underlying grid structure.
- Corner style: Consistent use of rounded corners on all media containers, buttons, and interactive elements.
- Radius: Large border radii (likely 16px-24px) on video cards, and fully rounded (pill-shaped) radii on buttons and tabs.
- Borders: Thin, translucent borders (e.g., rgba(219, 218, 198, 0.32)) used to draw the background grid and define tab boundaries.
- Buttons: Pill-shaped buttons with either solid muted colors for primary actions or translucent fills for secondary actions.
- Content width: Content is constrained to a central column with generous margins, though the background grid spans full width.
- Density: Low density, spacious layout that prioritizes large typography and large media over dense information packing.
- Evidence: Visible grid lines, rounded video containers in the 'PROMPT ADHERENCE' section, pill-shaped 'START CREATING' button, and large gaps between text blocks.

## Sections

Gallery section count: 12. Each entry corresponds to one gallery capture.

1. **Navbar — Moonvalley: Funding, Investors & Jobs Navbar** (Home)
   A wordmark, three short menu items and one outlined button keep the bar light and make the single action easy to find.
   Capture: 1440×88px; page bounds 0–88px of 14067px; source section ID: `da37e2a8-b469-4275-8008-5d3a763c5c03`; image: https://media.designdetails.io/library/2487882f43ef88d9c23df4ee842ef381c5cfae2238bea9ba1be23ff92f5abe7f/da37e2a8-b469-4275-8008-5d3a763c5c03.webp
   SECTION.md v3.2: `da37e2a8-b469-4275-8008-5d3a763c5c03` (deterministic evidence; editorial review pending)
2. **Hero — Headline beside embedded video player** (Home)
   A tall stacked headline sits next to a large video, so visitors see the output at once and a single button gives the next step.
   Capture: 1440×824px; page bounds 88–912px of 14067px; source section ID: `1a0e76f1-3549-44c0-a740-345053923a3e`; image: https://media.designdetails.io/library/8bcd5502c46f5a5c32a71e2b04502194ad18faa9dd327c93572f29b150948247/1a0e76f1-3549-44c0-a740-345053923a3e.webp
   SECTION.md v3.2: `1a0e76f1-3549-44c0-a740-345053923a3e` (deterministic evidence; editorial review pending)
3. **Other — Licensing claim and positioning statement** (Home)
   Large centered caps over a faint grid state the safety claim first, then a short paragraph frames the capabilities below.
   Capture: 1440×894px; page bounds 912–1806px of 14067px; source section ID: `f8cbb590-0061-4255-94f8-a45d0886b3ce`; image: https://media.designdetails.io/library/9981a4de2a9e7ab64eeac3fa7e63682eca1bcdd04c47584b73600d8bd242f387/f8cbb590-0061-4255-94f8-a45d0886b3ce.webp
   SECTION.md v3.2: `f8cbb590-0061-4255-94f8-a45d0886b3ce` (deterministic evidence; editorial review pending)
4. **Features — Alternating text and video rows** (Home)
   Each capability pairs a short caps label and description with a large clip, so the claim is proven by the footage beside it.
   Capture: 1440×576px; page bounds 1806–2382px of 14067px; source section ID: `388a9c08-e5a7-4abd-b97f-14ac18462989`; image: https://media.designdetails.io/library/564fc7456dfd89c5c78659e8bcc289b76a1a0b0e36f96deaa2492493c994b0ec/388a9c08-e5a7-4abd-b97f-14ac18462989.webp
   SECTION.md v3.2: `388a9c08-e5a7-4abd-b97f-14ac18462989` (deterministic evidence; editorial review pending)
5. **Features — Zigzag feature rows with imagery** (Home)
   Alternating image sides and thin dividers create rhythm, while consistent heading and body styling keep each capability easy to scan.
   Capture: 1440×1116px; page bounds 2382–3498px of 14067px; source section ID: `dfcb2f5c-19af-4c33-ba90-487d7fd0a597`; image: https://media.designdetails.io/library/c77db4ceb9a4f3499805e9d2fb0d59a128804e3a5c43f95eebda556985ddc99b/dfcb2f5c-19af-4c33-ba90-487d7fd0a597.webp
   SECTION.md v3.2: `dfcb2f5c-19af-4c33-ba90-487d7fd0a597` (deterministic evidence; editorial review pending)
6. **Features — Continued zigzag capability rows** (Home)
   Rounded images flip sides row by row, giving each short description a strong visual example and steady reading pace.
   Capture: 1440×1116px; page bounds 3498–4614px of 14067px; source section ID: `33c21caf-5740-4d18-bfe1-975a5eb31655`; image: https://media.designdetails.io/library/77cc6a8afa3a268e8c3d15a19bac0c0b51814932a50e4d06a97565ed88574586/33c21caf-5740-4d18-bfe1-975a5eb31655.webp
   SECTION.md v3.2: `33c21caf-5740-4d18-bfe1-975a5eb31655` (deterministic evidence; editorial review pending)
7. **Features — Final feature row with lighting example** (Home)
   A single moody photo beside a compact heading and paragraph closes the list with a clear example of the lighting claim.
   Capture: 1440×600px; page bounds 4614–5214px of 14067px; source section ID: `63e81451-68ff-4aff-878b-0184436f69a8`; image: https://media.designdetails.io/library/fa2e3762b7ff74ff7cde86afd29ce525f83ec456ad89c2ca4c6854ffd93d1b3a/63e81451-68ff-4aff-878b-0184436f69a8.webp
   SECTION.md v3.2: `63e81451-68ff-4aff-878b-0184436f69a8` (deterministic evidence; editorial review pending)
8. **Gallery — Labeled control demos in paired frames** (Home)
   Small tag labels, centered headings and side-by-side before and after frames show what each control does without extra explanation.
   Capture: 1440×2148px; page bounds 5214–7362px of 14067px; source section ID: `e1189335-2574-4e31-9eb3-23eb1708f3f3`; image: https://media.designdetails.io/library/28a80f60c1cd555ef5f980c1599ab83d372bf8748689b86da933ad4954ea4610/e1189335-2574-4e31-9eb3-23eb1708f3f3.webp
   SECTION.md v3.2: `e1189335-2574-4e31-9eb3-23eb1708f3f3` (deterministic evidence; editorial review pending)
9. **Gallery — Motion transfer grid of video pairs** (Home)
   A tight grid of rounded clips with starting-video badges lets visitors compare source and result across many different subjects.
   Capture: 1440×4044px; page bounds 7362–11406px of 14067px; source section ID: `4d9843cf-01ff-41eb-aa7f-141ccf40907e`; image: https://media.designdetails.io/library/2d68677053c9d02723b95ead5aaa169cbcfc726a813467643760b658131b5ecc/4d9843cf-01ff-41eb-aa7f-141ccf40907e.webp
   SECTION.md v3.2: `4d9843cf-01ff-41eb-aa7f-141ccf40907e` (deterministic evidence; editorial review pending)
10. **Editorial — Press coverage grid with dates** (Home)
   Four image cards carry outlet names, headlines, dates and read times, giving credible third-party proof and a button for more posts.
   Capture: 1440×1278px; page bounds 11406–12684px of 14067px; source section ID: `b26919aa-116e-48cf-8077-f50c7fd32289`; image: https://media.designdetails.io/library/065dd52618e47f98224b0e457def07b92e4d0a442b6e1694eb6c5e4cf80fb704/b26919aa-116e-48cf-8077-f50c7fd32289.webp
   SECTION.md v3.2: `b26919aa-116e-48cf-8077-f50c7fd32289` (deterministic evidence; editorial review pending)
11. **Logo Cloud — Two partner tiles in bordered cells** (Home)
   Large logos in ruled cells with short captions tell visitors where to use the product and link out to each.
   Capture: 1440×726px; page bounds 12684–13410px of 14067px; source section ID: `339f89d6-c211-40b9-b42d-690489888bd9`; image: https://media.designdetails.io/library/1c426604ea281129083d66fdcf29c2493f1415a94b7562a1ec3d62722ba7d8b0/339f89d6-c211-40b9-b42d-690489888bd9.webp
   SECTION.md v3.2: `339f89d6-c211-40b9-b42d-690489888bd9` (deterministic evidence; editorial review pending)
12. **Footer — Oversized wordmark with link columns** (Home)
   A giant wordmark anchors the page while small grouped link columns and social icons keep navigation tidy and secondary.
   Capture: 1440×657px; page bounds 13410–14067px of 14067px; source section ID: `0b7ab466-27b9-4346-9215-16c5d6e671f2`; image: https://media.designdetails.io/library/af6884197e442b70f1586dd8124fa03439697e83558cafa9c55a8d95328e9228/0b7ab466-27b9-4346-9215-16c5d6e671f2.webp
   SECTION.md v3.2: `0b7ab466-27b9-4346-9215-16c5d6e671f2` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/52068d89050d2dffc3fdb487c71e5bf3fad17f3e6579cd811804f5397b941c1b/desktop_full-451b3566-2026-11-03T05-15-20-036Z.webp
- Mobile screenshot: https://media.designdetails.io/library/344d0d6944fe6afd2545fe34e50065b74008a67e4f26d37fdb131c8e93b62346/mobile_full-451b3566-2026-11-03T05-16-05-067Z.webp
- Open Graph image: https://media.designdetails.io/library/fcc77ace4dece4b98d985408d66a7d162df741339f0b440139959ca679a02208/og_image-451b3566-2026-11-03T05-15-28-799Z.webp
- Full-page video: https://media.designdetails.io/library/d199a3fd3e14eb8983cc6390900300126199cdf9825ad896f31a1083f557cd83/motion-1793688702769.mp4
- Video poster: https://media.designdetails.io/library/c65d5729ab8f7fff981e8a95b599a82004edce2ebde8bdf2e335c8f36c6148f7/motion-poster-1793688702769.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Feature Card
- Tabs
- Primary Button
- Ghost Button
- Footer
- Grid Background
- Sticky Feature Tabs
- Oversized Footer Logo

## Quality rubric

Overall: 56.65/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Moonvalley's site is a well-executed but conventional entry in the now-crowded genre of dark, cinematic AI video-model marketing pages. Its strongest asset is content integration: feature claims about prompt adherence, camera control, motion transfer, and trajectory control are backed by directly labeled demonstration media (overlaid prompts, 'starting video/image' tags) rather than vague assertion, which lends the page unusual credibility within its category. Typography and color are handled with discipline—a compressed-grotesque display face paired with Inter body text, and a restrained dark palette with two sparing pastel accents—producing a coherent, legible system from hero to footer. Layout is logically organized around a persistent background grid and a reusable tabbed showcase component that scales cleanly across four feature sets. However, none of these choices constitute a hard-to-substitute idea: the grid-line dark canvas, pill-shaped buttons, oversized footer wordmark, and tab-based before/after demo pattern are now widely shared conventions among AI creative-tool marketing sites, and the observed motion design (scroll fades, tab-click swaps) is purely functional rather than distinctive. The result is a polished, competent execution of an established idiom rather than a site with a memorable visual signature of its own.

- Typography (15%): 65 — A clear two-tier system pairs PP Neue Corp Compact (80/68/56/48px, uppercase) for display and headings with Inter (24/20/16/14px) for body and UI labels. Sizes step down consistently and uppercase compressed display type gives a strong identity, but the pairing of grotesque-compressed display + Inter body is now a common convention in AI/tech marketing sites, limiting distinctiveness.
- Color (10%): 64 — A tight, restrained dark palette (canvas #100C08, warm off-white text #DBDAC6) is accented sparingly by a muted purple #9088BB for the primary CTA and a soft teal #BDDBD3 for select headline emphasis, creating a cinematic, low-saturation mood. The palette is cohesive and purposeful, but this muted dark-with-pastel-accent scheme is a widely used convention among contemporary AI-video/creative-tool sites rather than a distinctive invention.
- Layout (20%): 65 — The page follows a coherent grid-anchored structure: a persistent thin-line background grid, alternating media/text feature blocks, a sticky tab interface reused across four feature demonstrations (Pose Transfer, Camera Control, Motion Transfer, Trajectory Control), and an oversized wordmark footer. Spacing and rounded-corner media containers are applied consistently. However, the overall skeleton (hero, feature list, tabbed showcase, press cards, footer) is a standard long-scroll SaaS/AI marketing layout rather than a structurally novel arrangement.
- Motion (20%): 50 — Observed motion consists of conventional scroll-triggered text fades and click-driven tab content swaps—functional and consistent, but neither unusual nor demonstrating any advanced choreography, custom easing, or motion-driven storytelling beyond what's expected of a standard interactive marketing page. No evidence of distinctive transition design beyond content fading in/out and swapping on tab click.
- Originality (25%): 42 — The dark cinematic canvas, grid-background texture, compressed-grotesque display type, pill buttons, and tabbed before/after video showcase closely mirror the now-established visual template shared by numerous AI video/generative model marketing sites. While competently assembled and thematically coherent with the 'frame-perfect control' message, no single element or combination here is hard to substitute with another AI-tool site's homepage.
- Content (10%): 70 — Demonstration videos are directly paired with the specific capability claims they illustrate (prompt text overlaid on the 'Prompt Adherence' example, labeled starting images/videos for pose, camera, motion, and trajectory control), giving the copy concrete, legible proof rather than generic stock footage. Press logos (Deadline, TechCrunch, Fast Company) and dated blog entries add external validation tied to real product milestones.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A near black background lets each cinematic video still carry the page, with bold condensed capitals breaking the scroll into short declarative chapters like FULLY LICENSED and ASTONISHING DETAIL. Pairing generated clips with their exact prompts alongside builds trust by showing the tool's output is as controlled as the copy claims.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.