Creating from scratch

When there's no live URL to extract from — a new product, a rebrand, a stealth project — you start in the editor.

Open the editor

app.designdrop.app → New design → From scratch. The canvas opens with a sensible starter:

• Editorial type ramp (16 / 20 / 32 / 48 px sizes, Inter sans).
• Indigo primary at #635BFF, near-black ink at #0A2540.
• 4 / 8 / 12 / 16 / 24 / 32 px spacing scale.
• 4 / 8 / 12 px radius scale.

You can rip out any of these defaults — they're scaffolding, not opinions you have to keep.

Pick the four anchors

See Your first design system for the full walk-through. Briefly: pick a primary, a sans stack, a base font size, and a radius scale before you adjust anything else. Every other token cascades from those four decisions.

Save + iterate

The editor auto-saves drafts to your workspace every 5 seconds. Hit Publish when you're ready to ship — that flips the design from draft to published and emits a versioned URL you can share with collaborators.

When extraction would be faster

Reach for Generating from URL instead when:

• You want a system that mimics a competitor's posture as a starting point.
• The brand already has a marketing site and you want the agent to stay consistent with it.
• You're prototyping and need anything plausible right now, willing to refine later.

The from-scratch path is best when you have strong opinions about the four anchors and want full control. The URL path is best when you'd rather iterate against a concrete starting point than face a blank canvas.