Prebuilt workflow · Direction & critique

Site Redesign

Paste a URL and Vmotif scrapes the whole site through a real browser, then explores three brand directions rendered as live homepages. Commit one and it regenerates every page as an enhanced, on-brand screen.

· You bring Website URL· Scraped screens· 3 directions· Redesigned site

Build with it Open the canvas

A real run, unedited12 generations · $6.20 of walletBrand and inputs are fictional, made in Vmotif · 2026-09-24

What came back

Straight off the canvas.

Everything below is what this run returned, untouched.

Direction A — Editorial Authority — Homepage
Redesigned — Getting started · Vmotif docs | Vmotif
Redesigned — FAQ & troubleshooting · Vmotif docs | Vmotif
Redesigned — Support & contact · Vmotif docs | Vmotif
Redesigned — Plans & limits · Vmotif docs | Vmotif
Redesigned — Sharing · Vmotif docs | Vmotif

Scraped Brand (baseline)DESIGN.md

# Vmotif — Existing Brand (baseline)

_Auto-extracted from the crawled site. This is the redesign baseline, not the target._

## Positioning
Sign in to Vmotif, open the canvas, run your first workflow, and grab the output — typed React, design tokens, or finished assets.

## Brand assets (captured)
- Current logo: {{logo}}
- Current favicon: {{icon}}

## Palette (observed)
- `rgb(66, 66, 66)`
- `rgb(235, 235, 235)`

Direction A — Editorial Authority — Brand GuideDESIGN.md

---
version: alpha
name: Vmotif — Editorial Authority
description: "An editorial redesign system for Vmotif: high-contrast serif-and-grotesk typography, a warm neutral background, one teal accent taken from the brand, and full-width story bands that turn dense docs into a clear narrative."
colors:
  background: "#F6F5F1"
  surface: "#FFFFFF"
  surface-sunken: "#EDEBE5"
  foreground: "#111111"
  muted: "#55544F"
  border: "#DCD9D0"
  primary: "#111111"
  on-primary: "#F6F5F1"
  accent: "#0B6B63"

Direction B — Product Momentum — Brand GuideDESIGN.md

---
version: alpha
name: Vmotif — Product Momentum
description: "An energetic, proof-led product system for Vmotif: a left-anchored product hero, an offset modular proof grid, and a persistent action rail that moves every visitor from input → run → output."
colors:
  primary: "#0A8A84"
  primary-strong: "#066660"
  primary-tint: "#E0F6F4"
  accent: "#D6246E"
  accent-tint: "#FCE6EF"
  background: "#F7F7F4"
  surface: "#FFFFFF"
  surface-inverse: "#111214"
  foreground: "#111214"

How it runs

Two stages, in order.

What each stage reads, what it makes and what it cost on this run. Each stage starts once the one before it finishes. Steps inside a stage don’t wait on each other, so they run side by side.

01
3 style guides
Reads your inputs
- Direction A — Editorial Authority
- Direction B — Product Momentum
- Direction C — Immersive Concept
3 steps, side by sideClaude Opus 5.5$1.47
02
8 screens & 1 file
Reads your inputs and stage 01
- Direction A — Editorial Authority — Homepage
- Direction B — Product Momentum — Homepage
- Direction C — Immersive Concept — Homepage
- Optional Copy Pass — SITE-COPY.md
- Redesign — Getting started · Vmotif docs | Vmotif
- Redesign — Plans & limits · Vmotif docs | Vmotif
- Redesign — FAQ & troubleshooting · Vmotif docs | Vmotif
- Redesign — Sharing · Vmotif docs | Vmotif
- Redesign — Support & contact · Vmotif docs | Vmotif
9 steps, side by sideClaude Sonnet 5Claude Opus 5.5

Where it fits

Part of a bigger job.

Rebrand a page Paste a URL. Get three brand directions, then every page regenerated in the one you pick.

What will you create?

Start building

Workflow reference →

Site Redesign

Straight off the canvas.

Two stages, in order.

3 style guides

8 screens & 1 file

Part of a bigger job.

What will you create?