DocsGetting StartedIntroduction

Introduction

Welcome to Draftly — the AI-powered platform for creating cinematic, production-ready websites from a single prompt.

What is Draftly?

Draftly is an AI-powered website generation platform that turns a single text prompt into a complete, publish-ready website — with a cinematic hero image, scroll-synced motion video, and production HTML in under 3 minutes.

Unlike generic AI tools, Draftly understands design patterns, typography, spatial hierarchy, and brand identity. Every generated site is unique, specific to your business, and built on clean semantic HTML.

Draftly runs entirely in your browser at draftly.space — no installation, no code, no designer required.

What You Get From One Prompt

1.Hero still — A cinematic AI-generated background image sized and styled to your site's vertical and color mood

2.Motion video — A 5–8 second scroll-synced background video (Veo 3.1 by Google) that brings the hero to life

3.Scroll frames — ~200 WebP frames extracted from the video, enabling smooth scroll-driven animation

4.Full site HTML — Multi-section responsive HTML with navigation, footer, scroll animation engine, and SEO meta tags

5.Live URL — Published instantly to your own subdomain at *.draftly.space

How It Works

Draftly uses a 5-phase chunked generation pipeline designed to produce sites that never truncate or repeat:

1.Plan — AI extracts your brand name, headline, sections, color mood, and differentiators from your prompt

2.Shell — Navigation, hero section, CSS variables, and the scroll frame engine are generated first

3.Sections — Each content section (features, pricing, testimonials, etc.) is generated in parallel

4.Footer — Contact info, nav links, and brand details — always generated, never skipped

5.Assemble — All pieces are stitched together, SEO tags injected, and the result deployed

This architecture guarantees your footer is always present, every section gets its own focused AI call, and the output never hits token limits.

Key Features

•3D Website Builder — One prompt produces a full cinematic site with hero image, motion video, frames, and HTML

•Surgical Chat Edits — Change colors, text, or layout through conversation at 0.5 credits/edit (vs. 400+ for full regen)

•Inline Text Editing — Click any text in the preview to edit it directly — zero credits, instant

•Design Presets — One-click style transformations across industries: SaaS, restaurant, portfolio, and more

•Instant Publishing — Live on your own subdomain in seconds via Cloudflare CDN

•Video Generation — Veo 3.1 Fast (Google) with 720p→4K output depending on plan

•Image Generation — 12+ AI models including Nano Banana Pro, Seedream 4.5, Flux Pro

•Business OS — AI-powered business intelligence dashboard alongside your website (Pro+)

•Version History — Every generation checkpoint saved; roll back any time

System Requirements

Draftly runs entirely in your browser. No software to install.

Supported Browsers: - Chrome 90+ (recommended for best scroll performance and video decoding) - Firefox 88+ - Safari 14+ - Edge 90+

Internet connection: Required. Video generation streams large files — a stable broadband connection (10 Mbps+) is recommended.

Device: Works on desktop and tablet. The 3D builder is optimized for screens 1280px wide and wider.

NextAccount & Registration