MH MediaHarvester Web Context API

Styleguide

Company Styleguide

Extract colors, typography, spacing, shadows and component tokens.

GET /v1/web/styleguide

What you get

Developer-ready output for Company Styleguide

01 Semantic colors
02 h1-h4 and paragraph typography
03 Button and card styles
04 Font links and CSS snippets

How it works

Four steps from request to usable JSON

1

Render the target page

2

Read computed styles

3

Score repeated visual patterns

4

Return design tokens

API response

Fields developers usually wire first

Retrieve full website styleguides with colors, typography, spacing, shadows and component tokens.

colors.accent typography.headings.h1 components.button.primary fontLinks
curl.exe -H "X-API-Key: mh-localhost-dev-key" "http://127.0.0.1:8013/v1/web/styleguide"

Developer FAQ

Common questions about Company Styleguide

12 answers
How is styleguide different from colors?

Colors gives a palette. Styleguide also includes typography, spacing, shadows, component styles and CSS snippets for real UI theming.

Can I apply the output to a white-label dashboard?

Yes. Use it as a starting theme and let users preview or override before applying it globally.

Does it detect Google Font files?

When font CSS is discoverable, fontLinks include downloadable file URLs and metadata for supported families.

What endpoint should I call for Company Styleguide?

Use GET /v1/web/styleguide. Local development accepts the X-API-Key header with mh-localhost-dev-key, and production clients can use the same shape with their own key.

Can I call it from CLI, SDK, MCP and no-code tools?

Yes. The same endpoint can be called with curl, the TypeScript SDK, Python SDK, MCP server, Zapier, Make, n8n, Google Sheets or Excel workflows where appropriate.

How does caching with maxAgeMs work?

When maxAgeMs is supported, a cached response can be reused if it is younger than the requested freshness window. Set maxAgeMs to 0 when you need a fresh scrape or extraction.

What happens when a page is blocked or requires login?

The API returns clear states such as blocked, verification_required, login_required, robots_disallowed or permission_required. It does not promise to bypass access controls.

Which response fields should I store?

Most integrations store colors.accent, typography.headings.h1, components.button.primary, fontLinks, plus source URL, status, confidence and timestamp fields when present. Keep source metadata so users can audit values later.

Can I batch this endpoint?

For local or small workflows, loop over a list of URLs or domains. For larger jobs, use crawl, batch workflow endpoints or a queue so failures and retries are tracked cleanly.

How should I handle errors in production?

Check success, HTTP status, error.type and retryable flags. Retry timeouts and temporary network failures, but do not retry robots, login or permission errors without changing input or authorization.

Does the API work with JavaScript-heavy sites?

The engine router starts with fast fetching and escalates when content quality is low. Browser-style rendering is used where available, while access-control barriers are reported explicitly.

Is this safe to use with customer data?

Send only domains, URLs or fields your workflow needs. Use retention controls for generated artifacts and avoid storing unnecessary raw HTML, screenshots or extracted personal data.

Related data APIs

Build the next step in the workflow