Skip to content
Vivd Docs

Create from Scratch

The scratch flow is where Vivd composes a site around your own brief, assets, references, and desired direction.

Before you start

  • Write a short description of the business, offer, and audience.
  • Collect a few useful assets such as logos, team photos, or product images.
  • Decide what kind of tone you want: practical, premium, editorial, playful, minimal, and so on.
Vivd new-project flow with fields for a site brief, design references, and brand assets. Vivd new-project flow with fields for a site brief, design references, and brand assets.
The scratch flow lets you start from a brief, references, and brand assets.

Steps

  1. Click New project. Vivd opens the scratch flow directly.
  2. Add the core business details and context.
  3. Upload any assets that should influence the draft.
  4. Set the creative direction and, when available, choose the initial generation model tier.
  5. Start generation and review the preview concept.

What makes the first draft better

  • Concrete description of the offer, not just industry keywords.
  • A clear desired tone and audience.
  • Real assets instead of placeholder expectations.
  • A short note about what matters most on the first screen.

Visual direction and themes

The scratch flow is not only about collecting business facts. It is also where you set the visual direction that shapes the first version.

Vivd’s own workspace UI now stays on the vivd-sharp theme. Use the project brief, references, and brand assets to steer the generated site’s visual style.

  • Use design references to signal layout energy, density, photography feel, and overall mood.
  • Use brand assets to anchor the draft in real colors, logos, and imagery instead of placeholders.
  • Say the intended tone directly, for example calm editorial, premium minimal, bold modern, or playful.
  • If you already know the desired site direction, mention it explicitly instead of hoping the first pass infers it.
  • If your runtime offers multiple model tiers, use the scratch composer selector to switch the first generation between the available Quick Edits, All-rounder, or Complex options before you send the brief.

Expected result

Vivd produces a first site version and preview direction that you can then tighten in Studio.

Next step

Use Edit in Studio to shape the generated structure into the final site you want.