# The Artifact Machine Brand Kit Extractor (`artifact-machine/artifact-machine-brand-kit-extractor`) Actor

Extract brand colors, fonts, logos, and metadata from any website.

- **URL**: https://apify.com/artifact-machine/artifact-machine-brand-kit-extractor.md
- **Developed by:** [The Artifact Machine](https://apify.com/artifact-machine) (community)
- **Categories:** Marketing, Developer tools
- **Stats:** 2 total users, 1 monthly users, 100.0% runs succeeded, 0 bookmarks
- **User rating**: No ratings yet

## Pricing

$3.00 / brand kit extraction report

This Actor is paid per event. You are not charged for the Apify platform usage, but only a fixed price for specific events.

Learn more: https://docs.apify.com/platform/actors/running/actors-in-store#pay-per-event

## What's an Apify Actor?

Actors are web data automations that power AI and operations. They run on the Apify platform to scrape websites, process data, connect APIs, and automate workflows.
In Batch mode, an Actor accepts a well-defined JSON input, performs an action which can take anything from a few seconds to a few hours,
and optionally produces a well-defined JSON output, datasets with results, or files in key-value store.
In Standby mode, an Actor provides a web server which can be used as a website, API, or an MCP server.
Actors are written with capital "A".

## How to integrate an Actor?

If asked about integration, you help developers integrate Actors into their projects.
You adapt to their stack and deliver integrations that are safe, well-documented, and production-ready.
The best way to integrate Actors is as follows.

- **AI agents and MCP clients** — the [Apify MCP server](https://docs.apify.com/integrations/mcp.md) at `https://mcp.apify.com` (remote, streamable HTTP, OAuth on first use).
- **Agentic workflows and local Actor development** — [Agent Skills](https://apify.com/.well-known/agent-skills/index.json) with the [Apify CLI](https://docs.apify.com/cli/docs.md): `npm install -g apify-cli`, then `apify login`.
- **JavaScript/TypeScript projects** — the official [JS/TS client](https://docs.apify.com/api/client/js/docs.md): `npm install apify-client`.
- **Python projects** — the official [Python client](https://docs.apify.com/api/client/python/docs.md): `pip install apify-client`.
- **Any other language** — the [REST API](https://docs.apify.com/api/v2.md).

For usage examples, see the [API](#api) section below.

For more details, see Apify documentation as [Markdown index](https://docs.apify.com/llms.txt) and [Markdown full-text](https://docs.apify.com/llms-full.txt).

# README

## The Artifact Machine Brand Kit Extractor

A small artifact for scraping brand colors, typography, logos, favicon, and metadata from any public webpage using a real headless Chromium browser.

Use this Actor before a rebranding project, competitive analysis, design-system kickoff, or brand audit. It renders the page in a real browser, runs parallel extractors for colors, fonts, logos, meta tags, and favicon, and returns a structured brand kit.

Pulled from The Artifact Machine: generated, tested, and cleaned up by a human.

### What It Extracts

- **Brand name** — site name, og:site\_name, or title
- **Colors** — CSS variables, computed element colors, theme-color meta tag, and palette extraction
- **Typography** — font-family declarations from headings and body text
- **Logos** — header images, inline SVGs, og:image, and screenshot crop fallback
- **Favicon** — standard and apple-touch-icon variants
- **Buttons** — detected border radius for UI consistency

If the browser scrape is blocked, the Actor falls back to static HTTP fetch (web manifest, meta tags, icons) to return a partial kit.

### Best For

- brand audits and competitive analysis
- design-system kickoffs
- website redesign planning
- agency client onboarding
- automated brand monitoring

### Input

```json
{
  "url": "https://example.com"
}
```

### Output

The Actor writes one dataset item and an `OUTPUT` key-value record with:

- brand name, colors (primary, secondary, accent, background, text, header)
- typography (heading and body font stacks)
- logos (type, URL, source)
- favicon URL and type
- button border radius
- source metadata (browser/fallback, any error info)

### Limits

- This Actor extracts brand assets from one submitted URL.
- Results depend on what the page exposes in CSS, meta tags, and DOM structure.
- Some sites block headless browsers — the static fetch fallback provides partial results.
- Logos extracted as screenshot crops are approximate and should be reviewed.
- No external brand API keys are required; all extraction is done from the public webpage.

### Pricing

Use pay-per-event pricing based on completed brand kit reports. Suggested starting price: `$3.00` to `$8.00` per completed brand kit extraction after private runtime cost is measured.

# Actor input Schema

## `url` (type: `string`):

The public website URL to extract brand assets from. If no scheme is provided, https:// is assumed.

## Actor input object example

```json
{
  "url": "https://example.com"
}
```

# Actor output Schema

## `results` (type: `string`):

Default dataset items. Each item contains the target URL, brand name, colors, typography, logos, favicon, and extraction metadata.

## `summary` (type: `string`):

The same single-run summary stored as the OUTPUT key-value record.

# API

You can run this Actor programmatically using our API. Below are code examples in JavaScript, Python, and CLI, as well as the OpenAPI specification and MCP server setup.

## JavaScript example

```javascript
import { ApifyClient } from 'apify-client';

// Initialize the ApifyClient with your Apify API token
// Replace the '<YOUR_API_TOKEN>' with your token
const client = new ApifyClient({
    token: '<YOUR_API_TOKEN>',
});

// Prepare Actor input
const input = {
    "url": "https://example.com"
};

// Run the Actor and wait for it to finish
const run = await client.actor("artifact-machine/artifact-machine-brand-kit-extractor").call(input);

// Fetch and print Actor results from the run's dataset (if any)
console.log('Results from dataset');
console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`);
const { items } = await client.dataset(run.defaultDatasetId).listItems();
items.forEach((item) => {
    console.dir(item);
});

// 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docs

```

## Python example

```python
from apify_client import ApifyClient

# Initialize the ApifyClient with your Apify API token
# Replace '<YOUR_API_TOKEN>' with your token.
client = ApifyClient("<YOUR_API_TOKEN>")

# Prepare the Actor input
run_input = { "url": "https://example.com" }

# Run the Actor and wait for it to finish
run = client.actor("artifact-machine/artifact-machine-brand-kit-extractor").call(run_input=run_input)

# Fetch and print Actor results from the run's dataset (if there are any)
print("💾 Check your data here: https://console.apify.com/storage/datasets/" + run["defaultDatasetId"])
for item in client.dataset(run["defaultDatasetId"]).iterate_items():
    print(item)

# 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/python/docs/quick-start

```

## CLI example

```bash
echo '{
  "url": "https://example.com"
}' |
apify call artifact-machine/artifact-machine-brand-kit-extractor --silent --output-dataset

```

## MCP server setup

```json
{
    "mcpServers": {
        "apify": {
            "command": "npx",
            "args": [
                "mcp-remote",
                "https://mcp.apify.com/?tools=artifact-machine/artifact-machine-brand-kit-extractor",
                "--header",
                "Authorization: Bearer <YOUR_API_TOKEN>"
            ]
        }
    }
}

```

## OpenAPI specification

Download the OpenAPI definition: https://api.apify.com/v2/acts/gCKIBkMYsz6Yg1aAG/builds/MEj8Vay3hdcwMT9kA/openapi.json