Technical Specification: Universal Placeholder Text Generator

Overview

A high-performance, browser-based utility for generating customizable placeholder text. The tool allows developers and designers to quickly produce dummy content for mockups, prototypes, and layout testing without relying on external APIs or server-side calls.

Core Features

• Multi-Theme Generation: Switch between different text corpora (Classic Lorem Ipsum, Sci-Fi/Futuristic, Corporate/Business, Technology/Coding, and Minimalist).
• Precision Controls:
  • Adjustable paragraph count (1–20).
  • Adjustable word/sentence length density (Short, Medium, Long).
• Output Formatting: Toggle switch to wrap paragraphs in HTML <p> tags for instant implementation into code.
• Quick-Copy Functionality: One-click "Copy to Clipboard" button with visual feedback animation.
• Live Preview: Immediate updates to the text area upon changing any input parameter.

UI/UX Design

• Aesthetic: Clean, "SaaS" aesthetic using a monochromatic light-mode palette (whites, soft light grays, and a distinct primary blue for primary actions).
• Layout:
  • Header: Simple, clear title and subtitle.
  • Control Panel: A top-aligned, horizontally flowing section containing dropdowns for themes and a slider/input for paragraph count.
  • Main Work Area: A full-width, read-only textarea for the generated content, featuring a prominent "Copy to Clipboard" floating action button.
• Animations: Subtle fade-in transitions when text updates. Button clicks should utilize active-state scaling (slight shrink) to provide tactile feedback.

Technical Constraints (Strict Compliance Required)

• Single File: Everything (HTML, CSS, Vanilla JS) must be inside one file. Do not use external CSS files or module loaders.
• Light Mode Only: Enforce a professional light-mode design. Absolutely no dark mode CSS or toggles.
• Memory Only: NO localStorage, sessionStorage, or cookies. The tool must be "stateless" and reset upon page reload.
• No Popups: Do not use alert(), confirm(), or prompt(). Use a custom, animated toast message overlay for feedback (e.g., "Copied to clipboard!").
• Sandbox Safety: Ensure all external links use target="_blank" and rel="noopener noreferrer".
• Performance: JavaScript generation logic must be optimized for speed; no heavy external libraries are needed, keeping the file size minimal for sub-second loading.