About AIdraft
AIdraft is a compact set of principles, patterns, and workflows for building small, professional websites with AI. It focuses on clarity, consistency, and careful craft.
- Keep the scope small and readable
- Use shared tokens for a cohesive visual voice
- Favor semantic HTML and lightweight CSS
- Add JavaScript sparingly for essential behavior
- Refine iteratively until the message is clear
The intent
AIdraft exists to demonstrate how AI can help produce well-structured, trustworthy informational websites without turning them into complex applications. The goal is to move purposefully from ideas to pages while protecting readability and performance.
Each guide balances structure and flexibility. You will plan a minimal set of pages, outline their sections, and write prompts that generate clear, specific content. The result is a consistent site that feels handcrafted rather than automated.
The approach centers on a shared design system. Palette, spacing, and typography are set once and reused across components. This creates a stable base that makes edits predictable and keeps the experience coherent.
What AIdraft covers
Guides walk through page planning, prompt composition, typographic rhythm, content hierarchy, and light interactive patterns like responsive navigation and simple sliders. Examples show how to keep HTML semantic, CSS maintainable, and JavaScript minimal.
The emphasis is on small sites that respect visitors’ time. Straightforward structure, meaningful headings, and descriptive links make it easy to navigate. Minimal dependencies and careful asset choices keep pages fast and calm.
While AI assists with drafting, editorial judgment remains essential. AIdraft encourages reviewing each output for tone, accuracy, and cohesion so every page earns trust.