Go to example tasks

Clone a Website's Design as Tokens

One site's full design system as tokens your code can use: colors, fonts, spacing, shadows and a paste-ready stylesheet. Give it any domain to copy.

Try for free
Website Color Palette Extractor: Design Tokens, CSS & Tailwind
Website Color Palette Extractor: Design Tokens, CSS & Tailwindhydrafetch/website-color-palette-extractor
Domain
Mode
Background
Accent
+1 field
Text
Number
Boolean
List
Object

Input

domains:stripe.com

Output fields

Domain
Mode
Background
Accent
Heading font

How it works

Sign up on Apify or log in

The Website Color Palette Extractor: Design Tokens, CSS & Tailwind Actor is ready to run with the inputs already set for "Clone a Website's Design as Tokens". Sign up or log in and you'll land in Apify Console with a copy of this exact task.

Start the "Clone a Website's Design as Tokens" task

The Website Color Palette Extractor: Design Tokens, CSS & Tailwind Actor will start running based on the input automatically. You can also change all the input fields, like domains, to match your specific use case.

Receive the "Clone a Website's Design as Tokens" output

Monitor the progress in real time. You will be notified as soon as your dataset is complete and ready for review. Each result includes data such as domain, mode, background, and more.

Integrate into your workflow

The final output is delivered in JSON, CSV, or Excel format, ready to be plugged into your workflow. You can also run the "Clone a Website's Design as Tokens" task via API.

Image

Integrate "Clone a Website's Design as Tokens" into your workflow

Connect "Clone a Website's Design as Tokens" with 100+ integrations, or run it via API or MCP.

Webhook

Webhook

n8n

n8n

Make

Make

Zapier

Zapier

Airbyte

Airbyte

Keboola

Keboola

IFTTT

IFTTT

Hubspot

Hubspot

GDrive

GDrive

Gmail

Gmail

Apify MCP

Apify MCP

GitHub

GitHub

Slack

Slack

LangChain

LangChain

LlamaIndex

LlamaIndex

Flowise

Flowise

Pinecone

Pinecone

OpenAI

OpenAI

Mastra

Mastra

Clay

Clay