MH MediaHarvester Web Context API

Brand Design

Monitoring Design Drift Across Customer Portals

A repeatable way to detect when a customer website changes colors, fonts or component direction after onboarding.

Brand Design workflow
Domain Brand Assets Style Tokens Preview Export

The problem worth solving

A repeatable way to detect when a customer website changes colors, fonts or component direction after onboarding.

Finding a logo is only the beginning. A product that stops at an image URL leaves designers and developers still guessing about usable colors, typography, button contrast and how to reproduce the brand respectfully.

A workflow that teams can actually ship

MediaHarvester combines brand retrieval with a rich styleguide contract: semantic colors, heading and paragraph typography, spacing, shadows, component CSS, font links and contrast checks. Logo Link handles the simple display case; styleguide output handles a real themed experience.

For this pattern the practical entrypoint is `GET /v1/web/styleguide`, combined with whichever workflow endpoint or presentation layer the product requires.

Workflow map

Domain Brand Assets Style Tokens Preview Export
An agency is preparing a proposal portal that should feel familiar to a new client before the first workshop.

Scenario in practice

An agency is preparing a proposal portal that should feel familiar to a new client before the first workshop.

Start with one observable workflow, keep source URLs available during review and expand only after the result is reliably useful.

Try the capability

GET /v1/web/styleguide Local API key: mh-localhost-dev-key
GET /v1/web/styleguide?domain=haberler.com

Implementation notes

The safe workflow is to treat extracted tokens as a starting kit, render a visual preview, then allow a human to accept or override choices for high-visibility customer work. CSS variables and Tailwind exports reduce transcription errors while keeping design review in the loop.

When the result affects a customer-facing experience, add an approval or override path rather than treating extraction output as immutable truth.

Signals to monitor

Track the percentage of brand kits accepted without correction, logo fallback frequency, contrast warnings and the time saved before a client-ready preview exists.

Metrics turn a promising prototype into a maintainable product capability and make regressions easier to catch.

Try it with MediaHarvester

Open the local playground, choose the feature matching `GET /v1/web/styleguide` and test with a public or authorized target.

The local project includes API, documentation, SDK, CLI, MCP and no-code surfaces so the same idea can move from exploration into implementation.

FAQ

Questions teams ask before implementing this workflow

What does this brand design workflow return?

It uses GET /v1/web/styleguide and related MediaHarvester surfaces to return structured context together with metadata appropriate to the workflow.

Can I test this locally?

Yes. Run the local service at http://127.0.0.1:8013 and send X-API-Key: mh-localhost-dev-key to protected API routes.

Does it work with private or blocked pages?

The platform is designed for publicly accessible or authorized sources. Verification, login, permission and robots restrictions are reported rather than bypassed.

Can this be automated?

The same API surfaces are available through CLI, Python and TypeScript SDKs, MCP tools and starter no-code integration templates.

How do I keep the result current?

Use cache freshness controls such as maxAgeMs where exposed, and schedule refreshes in a production worker only as frequently as the business case needs.