What this is

Build a firm's Studio(k) from everything they've got.

A logo is one piece of evidence; a brand is the accumulation. Upload the logo, then keep going — a website screenshot, a brochure page, a business card, signage, an existing gradient or pattern. The engine parses each file, shows you what it found, and asks what's true. When the confirmed colors form a sequence, the ramp is built from your colors rather than derived. The Waivz look is never an option here.

Step 1 · Brand evidence

Bring everything. The first image becomes the logo; change that on any card. For each file, mark what the engine found: true brand, supporting, or not brand (a photo, a stock image, a competitor's color).

⬆

Drop files herelogo · screenshots · collateral · HTML, CSS, SVGChoose files

Or a website the biggest source of all

Pulls the logo, the stylesheet palette and fonts, hero imagery, and a rendered screenshot — each becomes a card below for you to triage.

Fetch settings

Fetch Worker URL studiok-fetch on your Cloudflare account

Browsers can't read other sites directly; the Worker fetches the page, stylesheets, and images and takes the screenshot. Deploy studiok-fetch-worker.js from the dashboard and paste its URL here — it's remembered.

Other evidence worth bringing what each adds

Website screenshotBackground tone, link color, the real accent in use.Paper · accent

Brochure or one-pagerHow the palette behaves on paper; secondary colors.Supporting set

Business cardThe two colors a firm actually leads with.Primary · accent

A gradient or patternMulti-stop sequences become the ramp directly.Ramp

An HTML or CSS fileExact palette from variables and gradient stops, in order — plus the fonts.Everything · type

PDFs are the next addition. A URL reads the rendered page — the only place the truth lives on Softr, Wix, and Squarespace sites.

Files none yet

True brandSupportingNot brand

Step 2 · Your palette

We got this. Every color you confirmed, across every file. Pick the primary and the accent; the rest are supporting. Then choose how the ramp is built.

Confirmed colors

Chosen

Primary

—

Accent

—

Accent ink

—

Add from the harmony wheel if the evidence is thin

Firm name

Tagline optional

Ramp source

Arc

Vividness

Primary scale

Accent scale

Neutrals tinted toward your primary

Step 3 · Mood

Peel back. Three levers. Your colors don't change; the feel does.

Paper

Contrast

Voice

Rail the device on every edge, divider, and footer

Stock shelf what the firm actually buys — these list first in every mode

Sizes are checked against the studio printer (HP LaserJet Pro MFP 4301fdw); 9 × 12 catalog envelopes and larger don't fit and aren't offered.

Step 4 · Your Studio(k)

Done. Your mark on the rail, every mode in your brand, the whole system in the theme record.

The studio, branded

Firm

Studio(k)

Firm

Theme record — saved to the firm

Saves the record to this browser and opens index.html (Studio(k) v2.9) in a new tab wearing this brand. Both files must sit in the same folder or the same Pages project.

Every output, your brand