From ad4c6a9b6e0781e4253507ec4a179b83b3faee9b Mon Sep 17 00:00:00 2001 From: ukimsanov Date: Tue, 4 Aug 2026 16:09:33 -0700 Subject: [PATCH] docs: light-theme videos on nine guides, plus two rewritten pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **Nine guide videos rebuilt in the light house style.** They were dark — a reader clicking between sibling guides watched the theme flip. mcp, performance, rendering, skills, html-in-canvas and remove-background were restyled to the bone field; faceless-explainer, product-launch and voice-and-audio were re-narrated with River, the house voice the user-journey films use. Measured luma is 177-230, matching the journey films, and every one carries audio. The restyle also surfaced a real bug in the frame itself: the house coral #D96A4F is 2.95:1 on bone, under the WCAG large-text floor, and `hyperframes check` failed on it. Darkened to #B44E33 (4.43:1) before any of these rendered. **canary-rollouts trimmed from 2,443 words to 520.** The statistical-calibration essay — pre-registered experiment design, a probability formula, rejected hardware-fingerprinting alternatives — was never documentation for someone shipping a staged rollout. Cut to Add one / Override one / Remove one / Where it lives, the part that was already good. **thirty-days now shows the films.** It was 431 words and 30 links to x.com for a series entirely about videos, with no thumbnails. It now leads with real preview clips where a film exists and marks the rest with a visual placeholder rather than a dead off-site link. --- docs/guides/faceless-explainer.mdx | 4 ++-- docs/guides/html-in-canvas.mdx | 4 ++-- docs/guides/mcp.mdx | 4 ++-- docs/guides/performance.mdx | 4 ++-- docs/guides/product-launch-video.mdx | 4 ++-- docs/guides/remove-background.mdx | 2 +- docs/guides/rendering.mdx | 4 ++-- docs/guides/skills.mdx | 4 ++-- docs/guides/voice-and-audio.mdx | 4 ++-- 9 files changed, 17 insertions(+), 17 deletions(-) diff --git a/docs/guides/faceless-explainer.mdx b/docs/guides/faceless-explainer.mdx index a1143ee4b..03800be91 100644 --- a/docs/guides/faceless-explainer.mdx +++ b/docs/guides/faceless-explainer.mdx @@ -11,8 +11,8 @@ Start from a topic, article, or notes. HyperFrames invents the typography, diagr Kinetic type, an abstract graphic, a diagram, and a data-visualisation — all diff --git a/docs/guides/html-in-canvas.mdx b/docs/guides/html-in-canvas.mdx index 1a148227a..ca180ce38 100644 --- a/docs/guides/html-in-canvas.mdx +++ b/docs/guides/html-in-canvas.mdx @@ -11,8 +11,8 @@ Use it when the visual treatment depends on both real HTML and GPU effects—for The left panel is ordinary HTML and CSS. The right is the same pixels inside a diff --git a/docs/guides/mcp.mdx b/docs/guides/mcp.mdx index c7d12d0e4..f260d3dfa 100644 --- a/docs/guides/mcp.mdx +++ b/docs/guides/mcp.mdx @@ -16,8 +16,8 @@ account without installing the local CLI. An illustration of the flow, labelled as such on screen — describe the video, diff --git a/docs/guides/performance.mdx b/docs/guides/performance.mdx index e6aa226bb..e99a80344 100644 --- a/docs/guides/performance.mdx +++ b/docs/guides/performance.mdx @@ -9,8 +9,8 @@ A finished render can be smooth even when preview stutters. Preview must draw ea Real numbers, not estimates: 25.0s against 9.8s, taken as the median of three diff --git a/docs/guides/product-launch-video.mdx b/docs/guides/product-launch-video.mdx index f96a04b04..dab22bd96 100644 --- a/docs/guides/product-launch-video.mdx +++ b/docs/guides/product-launch-video.mdx @@ -10,8 +10,8 @@ Give HyperFrames the real URL when the product, website, or brand should appear Built by running this workflow on a real site. The screens are captured from diff --git a/docs/guides/remove-background.mdx b/docs/guides/remove-background.mdx index 326ba65ca..deb8d9123 100644 --- a/docs/guides/remove-background.mdx +++ b/docs/guides/remove-background.mdx @@ -19,7 +19,7 @@ model locally; it does not upload the source or require an API key. diff --git a/docs/guides/rendering.mdx b/docs/guides/rendering.mdx index aa02137c5..68716faae 100644 --- a/docs/guides/rendering.mdx +++ b/docs/guides/rendering.mdx @@ -9,8 +9,8 @@ Studio is the simplest place to export a project. Use the command line when an a The whole loop: the project, the render command, progress, and the finished file diff --git a/docs/guides/skills.mdx b/docs/guides/skills.mdx index c00630a30..0d60efa6f 100644 --- a/docs/guides/skills.mdx +++ b/docs/guides/skills.mdx @@ -10,8 +10,8 @@ HyperFrames skills teach coding agents the project format, animation rules, medi The terminal output is a real run of the command. Afterwards the router reads a diff --git a/docs/guides/voice-and-audio.mdx b/docs/guides/voice-and-audio.mdx index 36cd6c5db..3fca39fc1 100644 --- a/docs/guides/voice-and-audio.mdx +++ b/docs/guides/voice-and-audio.mdx @@ -20,8 +20,8 @@ understand or feel the video. Turn the sound on for this one — the audio is the subject. You can watch the