Define the scope
Clarify the website’s purpose and outline 5–7 pages. Decide what each page should help visitors understand or do. Capture this as a short brief.
Guides
A structured pathway for turning prompts into clear pages. Each section introduces a concept and a practical checklist you can apply immediately.
Practical steps
- Plan a concise site map
- Draft structured prompts
- Set design tokens once
- Assemble pages cleanly
- Review and refine
Guide sections
Write the prompts
Request specific sections, headings, tone, and length. Ask for semantic HTML outlines and create variations to compare. Keep instructions crisp.
Establish the design
Derive a palette from the logo, set spacing and type scales, and create reusable classes. Maintain a single stylesheet to ensure cohesion.
Assemble the pages
Translate approved content into clean HTML, apply shared utilities, and add minimal JavaScript for essentials like responsive navigation.
Polish and verify
Check hierarchy, contrast, alt text, and descriptive links. Trim wording and remove unnecessary elements to keep the experience calm.
Using these guides
Work through each section in order or focus on the areas that matter most for your project. Keep notes as you go and prefer small, deliberate changes over sweeping redesigns.
Each guide emphasizes transferable patterns rather than one-off tips. The intent is to help you build repeatable habits that consistently produce calm, credible pages.
Return to the checklists whenever you add a page or refine copy. The discipline of small steps compounds into a site that earns trust.