SiteLens Theme

Design intelligence from rendered pages—not just hex scraping.

Sample computed styles, infer semantic palettes and typography, and return scored rationale plus a confidence signal. Use JSON for adapters, embed previews, or Formlyx-style Match My Site flows when embedded UX should feel native to the host.

Theme tokens from real rendered pages
Adapter preview — downstream UX and match-my-site

Highlights

Visual token extraction

Weighted sampling across visible UI so CTA-heavy regions inform primary and accent picks.

Typography & colors

Heading and body stacks plus semantic fills—bg, text, muted, border—not a flat color list.

Branding analysis

Transparent trail: candidates, scores, and reasons surfaced for human review or automation.

Formlyx & match-my-site

Partners map JSON into saves, previews, and CSS variables for white-label experiences.

Typical workflow

REST
  1. Call hosted POST /analyze/theme from your backend with a workspace API key (Authorization: Bearer sitelens_sk_…) and a public URL you trust.
  2. Inspect confidence and meta.themeSelection before codegen or persistence.
  3. Feed tokens into adapters, Theme records, or QA-adjacent dashboards when UX must match a host page.

Field reference, SSRF posture, and metering notes:{' '} dashboard Theme API.

Illustrative response fragment

Conceptual excerpt only
{
  "confidence": 0.78,
  "colors": {
    "primary": "#2563eb",
    "accent": "#1d4ed8"
  },
  "fonts": {
    "heading": "Inter, system-ui, sans-serif",
    "body": "Inter, system-ui, sans-serif"
  },
  "meta": {
    "themeSelection": {
      "confidenceLevel": "medium",
      "primaryCandidates": [{ "hex": "#2563eb", "score": 12 }]
    }
  }
}

Quick curl

curl -s -X POST https://api.sitelensapi.com/analyze/theme \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer sitelens_sk_<your_workspace_key>" \
  -d '{"url":"https://example.com"}' | jq

Related

Stay in the loop

Theme pilots, partner onboarding, or product updates—same form as sitelensapi.com.