Promptstudio Experience

The website should feel like entering a creative 3D artificial intelligence studio where prompts float as glowing cards, the user works inside a central editor, results appear in holographic panels, versions are organized as layers, workflows connect through nodes, templates appear as visual capsules and collections are saved inside a futuristic library. Goal: Create a premium, modern, immersive, technological, creative, functional and responsive landing page for a prompt studio/lab platform where users, creators, teams and companies can design, test, organize, improve, save, version and share AI prompts. Requirements: Create a complete, modern, functional and responsive landing page.; Include a visible 3D canvas integrated into the main experience.; Add 3D scroll animations.; Add parallax effects on text, editor, prompt cards, nodes, results, panels, library, workflows, buttons, particles, connection lines and backgrounds.; All buttons must work correctly.; Optimize for desktop, tablet and mobile.; Use smooth, intelligent, futuristic and performant animations.; Keep the scene clear, premium, technological, organized, creative and easy to navigate.; Use fictional data for prompts, models, results, users, templates, workflows, prices and metrics.; Do not use protected logos, commercial names, exact real interfaces or misleading claims of guaranteed results. Layout: max_width: 1200px or 1280px; desktop_padding: 96px to 150px per section; mobile_padding: 24px to 32px; gaps: 24px, 32px or 48px; backgrounds: midnight blue; deep black; cool white; glassmorphism blocks; soft gradients; AI grids; connection lines; subtle dividers; description: Do not overcrowd prompts, results, buttons, forms, pricing, nodes or 3D visuals. Separate each studio block with enough visual space.; editor: The editor must have readable typography, a clear prompt area, visible controls and strong contrast.; prompt_cards: Prompt cards must clearly show title, category, goal, variables, tone, status, fictional rating and CTA.; result_panels: Result panels must show simulated output, score, comparison and visual feedback. Structure: header: logo: PROMPTSTUDIO; menu: Home; Studio; Library; Testing; Workflows; Marketplace; Pricing; Contact; buttons: Start Creating; Explore Library; description: Fixed header with dark or light translucent glassmorphism background, functional mobile hamburger menu and smooth scrolling to each section.; microinteractions: Logo with glowing cursor and small AI particles; Links with animated underline; Buttons with elevation, cyan/violet glow and visual feedback; Clean mobile menu transition; hero: title: Build, Test and Organize Better Prompts in a 3D AI Studio; subtitle: Create prompt systems, compare outputs, save reusable templates, version your ideas and build AI workflows from one immersive workspace.; primary_action: input: What prompt do you want to create?; selector: Writing; Coding; Marketing; Design; Education; Research; Support; Sales; button: Generate Prompt Draft; buttons: Enter PromptStudio; Browse Templates; Start Free; visual: 3D lab with central editor, floating prompt cards, workflow nodes, result panels, template library, connection lines, variable chips, glowing cursor, soft particles and visual depth.; canvas_3d: name: Prompt Studio Experience; description: Create a 3D scene inside a canvas representing a premium creative prompt laboratory.; elements: Central 3D prompt editor; Floating prompt cards; Variables as chips: {audience}, {tone}, {goal}, {format}, {constraints}; Simulated output panel; A/B comparison panel; Template library; Connected workflow nodes; Version timeline; Collection folders; Fictional quality score indicators; 3D play/test button; Run history; Collaboration avatars; Marketplace cards; Floating signup CTA; hotspots: Prompt Editor; Template Library; A/B Testing; Output Panel; Workflow Nodes; Version History; Marketplace; Start Creating; main_animation: The “Enter PromptStudio” button must trigger an animation where the camera enters the lab, focuses on the editor, writes a prompt, activates a test, compares results, saves a version, connects a workflow and ends in front of the “Start Creating” CTA.; sections: name: Platform Overview; title: A Complete Studio for Prompt Creation; description: Explain that PromptStudio helps turn scattered ideas into reusable, testable, organized prompts ready for real workflows.; cards: Prompt Builder; Reusable Templates; Output Testing; Workflow Systems; name: Prompt Editor; elements: Prompt field; Goal selector; Tone selector; Format selector; Constraints field; Reusable variables; Final prompt preview; Fictional quality score; buttons: Write Sample Prompt; Improve Prompt; Test Prompt; Save Prompt; name: Prompt Library; prompts: Landing Page Generator; UX Audit Assistant; Java Code Explainer; Marketing Email Builder; Product Description Writer; Research Summary Prompt; Interview Question Coach; Brand Voice Refiner; Story Scene Builder; Sales Objection Handler; buttons: Open Prompt; Duplicate; Favorite; Run Test; name: Templates; templates: Content Creator Pack; Developer Debug Pack; SaaS Landing Page Pack; SEO Article Pack; Customer Support Pack; Teacher Lesson Pack; Research Assistant Pack; Image Prompt Pack; Product Manager Pack; Sales Outreach Pack; buttons: Preview Template; Use Template; name: A/B Testing; elements: Prompt A; Prompt B; Output A; Output B; Clarity score; Usefulness score; Format score; Simulated recommendation; buttons: Run A/B Test; Choose Winner; Merge Best Parts; Save Experiment; name: Output Lab; message: Outputs are simulated placeholders. Review results before using them.; elements: Simulated output; Format; Length; Consistency; Hallucination risk placeholder; Quality checklist; Feedback notes; buttons: Regenerate Output; Rate Output; Add Feedback; Export Result; name: Workflow Builder; nodes: Input; Prompt; Context; Model placeholder; Review; Rewrite; Export; Publish; buttons: Add Node; Connect Nodes; Run Workflow; Save Workflow; name: Version History; versions: v1 Rough Idea; v2 Structured Prompt; v3 Added Constraints; v4 Improved Examples; v5 Team Approved; buttons: Preview Version; Restore Version; Compare Versions; name: Collections; collections: Marketing Prompts; Coding Prompts; Design Prompts; Education Prompts; Research Prompts; Sales Prompts; Personal Productivity; Image Generation Prompts; buttons: Create Collection; Move Prompt; Sort Collection; Share Collection; name: Marketplace; categories: Business; Coding; Design; Writing; Education; Marketing; Research; Productivity; products: Prompt packs; Workflow kits; Brand voice systems; Landing page generators; Coding assistants; Lesson builders; buttons: View Pack; Add to Cart; Open Cart; note: Keep checkout simulated and without real payments.; name: Team Collaboration; features: Team prompt library; Comments; Approval flow; Roles; Shared collections; Prompt reviews; Usage notes; Workspace permissions; button: View Collaboration Feature; name: Analytics; metrics: Prompts created; Tests run; Average quality score; Saved templates; Team approvals; Workflow runs; Most used categories; Exported results; buttons: Open Analytics; Compare Categories; Download Report; name: Use Cases; cases: Creators; Developers; Marketing Teams; Educators; Researchers; Product Managers; Customer Support; Agencies; button: Explore Use Case; name: Security / Governance; message: Always review AI outputs before publishing or using them in critical contexts.; elements: Workspace permissions; Prompt review; Version control; Private collections; Export controls; Usage notes; Team approval; Safe output review reminder; button: View Governance Details; name: Pricing; plans: Free Creator; Studio Plus; Workflow Pro; Team Lab; Enterprise Studio; recommended_plan: Workflow Pro; buttons: Choose Plan; Start Free; name: Testimonials; testimonials: PromptStudio turned our scattered prompt ideas into a reusable team library.; The A/B testing helped us understand which instructions produced clearer outputs.; Workflows made prompt creation feel visual, structured and collaborative.; name: FAQ; questions: Can I create reusable prompts?; Can I test different prompt versions?; Can I organize prompts into collections?; Can teams collaborate?; Can I build workflows?; Can I export results?; Are outputs guaranteed?; Is the platform responsive on mobile?; note: Clearly explain that outputs must be reviewed before use.; name: Signup / Contact; fields: Name; Email; Role; Main Use Case; Prompt Category Interest; Team Size; Plan Interest; Message; Consent Checkbox; checkbox: I understand AI outputs should be reviewed before use.; button: Create PromptStudio Workspace; footer: links: Studio; Editor; Library; Templates; Testing; Workflows; Marketplace; Analytics; Pricing; Contact; Terms; Privacy; Responsible AI Note; Social links Interactions: The menu must navigate smoothly to each section.; Enter PromptStudio must activate a guided animation in the 3D canvas.; Browse Templates must go to Library or Templates.; Start Free must go to Pricing or Signup.; Generate Prompt Draft must create a simulated prompt based on the selected category.; Canvas hotspots must show information.; Write Sample Prompt must type simulated text with a cursor.; Improve Prompt must improve the visual structure.; Test Prompt must generate simulated output.; Save Prompt must change state to saved.; Open Prompt must open the editor.; Duplicate must create a simulated copy.; Favorite must change state.; Run Test must generate simulated output.; Preview Template must open a preview.; Use Template must create a simulated collection.; Run A/B Test must animate results.; Choose Winner must highlight the winning version.; Merge Best Parts must create a combined version.; Save Experiment must change state.; Regenerate Output must change the result.; Rate Output must show a rating.; Add Feedback must add a note.; Export Result must show confirmation.; Add Node must add a visual node.; Connect Nodes must draw a line.; Run Workflow must animate the flow.; Save Workflow must change state.; Preview Version must open details.; Restore Version must change the active version.; Compare Versions must show a comparison.; Create Collection must create a simulated collection.; Move Prompt must move a card.; Sort Collection must reorganize.; Share Collection must show confirmation.; View Pack must open details.; Add to Cart must update the mini cart.; Open Cart must show a summary.; View Collaboration Feature must open details.; Open Analytics must open a panel.; Compare Categories must show comparison.; Download Report must show confirmation.; Explore Use Case must open a panel or filter templates.; View Governance Details must open a panel.; Choose Plan must select a plan and show a summary.; Create PromptStudio Workspace must validate fields, checkbox and show confirmation.; FAQ must expand and collapse correctly.; The mobile menu must open and close correctly.; All buttons must have hover, active state and visual feedback. Animations: The camera should move from the lab toward editor, variables, testing, outputs, workflows, versioning, collections, marketplace, analytics, pricing and signup.; The cursor should smoothly type a prompt inside the editor.; Variables should appear as floating chips using translateZ, scale and fade.; Prompt cards should reorganize into a library with a smooth transition.; Outputs should generate as holographic panels.; A/B testing should split the screen into two comparison panels.; Workflow nodes should connect with progressive glowing lines.; The version timeline should unfold layered depth.; Collections should open like 3D folders.; Marketplace packs should float as premium cards.; Metrics should animate with counters and charts.; Pricing cards should lift with 3D hover.; The form should appear from depth with a clean transition. Visual style: description: Futuristic, premium SaaS, creative, technological, clear, elegant and productive.; palette: Midnight blue; Deep black; Cool white; Electric cyan; Soft violet; Success green; Graphite gray; Subtle silver; Soft orange for alerts; assets: Glassmorphism; Clean cards; 3D editor; Variable chips; Connected nodes; Holographic outputs; Floating libraries; Soft shadows; Rounded borders; typography: Modern, readable, technical and product-oriented typography. Expected result: A complete, immersive and functional landing page for “PromptStudio Experience”, with a 3D canvas, creative prompt lab, interactive editor, library, templates, A/B testing, outputs, workflows, versioning, collections, simulated marketplace, collaboration, analytics, use cases, governance, pricing, testimonials, FAQ, signup, functional form with responsible review checkbox, 3D scroll animations, parallax, hotspots, functional buttons, responsive design, generous margins, clear component separation and a premium AI platform aesthetic.