AgentBoard SaaS लैंडिंग और डैशबोर्ड UI

AI एजेंट वर्कस्पेस के लिए एक बेहतरीन साइड-बाय-साइड SaaS लैंडिंग पेज और डैशबोर्ड मॉकअप तैयार करता है, जो प्रोडक्ट डिज़ाइन एक्सप्लोरेशन के लिए उपयोगी है।

प्रॉम्प्ट
लक्ष्य: AgentBoard नामक AI एजेंट सहयोग प्लेटफॉर्म के लिए एक पॉलिश किया हुआ एडिटोरियल SaaS प्रोडक्ट एक्सप्लोरेशन इमेज बनाएं, जिसमें गर्म ऑफ-व्हाइट बैकग्राउंड पर दो बड़े वेब UI स्क्रीन अगल-बगल दिखाई दें: बाईं ओर एक मार्केटिंग लैंडिंग पेज और दाईं ओर प्रोडक्ट डैशबोर्ड। बेहतरीन स्टार्टअप डिज़ाइन, सॉफ्ट शैडो, राउंडेड कार्ड्स, पतले ग्रे डिवाइडर, ढेर सारा व्हाइटस्पेस, म्यूट फॉरेस्ट-ग्रीन एक्सेंट, लैंडिंग हेडलाइन के लिए ब्लैक सेरिफ़ डिस्प्ले टाइपोग्राफी और छोटे क्लीन सैन्स-सेरिफ़ UI टेक्स्ट का उपयोग करें। कैनवास: वाइड 4:3 कंपोज़िशन, लगभग 1200×900। राउंडेड कोनों और सूक्ष्म ड्रॉप शैडो वाले दो लंबे ब्राउज़र-जैसे पैनल रखें, जो एक संकीर्ण गटर द्वारा अलग किए गए हों। बैकग्राउंड हल्का क्रीम है जिसमें हल्की ग्रेन और बहुत सॉफ्ट विनेट है। बाईं स्क्रीन, मार्केटिंग लैंडिंग पेज: ऊपर बाईं ओर “AgentBoard” लोगो टेक्स्ट के साथ टॉप नेविगेशन बार, 4 सेंटर्ड नेविगेशन लिंक (Product, Solutions, Resources, Pricing), फिर Log in और दाईं ओर एक गहरे हरे रंग का “Start for free” बटन। हीरो एरिया में एक छोटा पिल लेबल “AI-NATIVE WORKSPACE”, तीन पंक्तियों वाली एक बड़ी हेडलाइन “One board. Many agents. Real outcomes.” (जिसमें “Real outcomes.” इटैलिक और हरे रंग में हो), सपोर्टिंग लाइन “Plan, build, and ship work—together.”, और 2 CTA बटन: गहरा हरा “Start for free” और हल्का आउटलाइन वाला “Book a demo”। हीरो टेक्स्ट के दाईं ओर, ठीक 5 कनेक्टेड एजेंट कार्ड्स वाला एक आइसोमेट्रिक वर्कफ़्लो बोर्ड दिखाएं: Research Agent, Strategy Agent, Content Agent, Design Agent, और Data Agent, जो घुमावदार कनेक्टर लाइनों से जुड़े हों और जिनमें Done और In progress जैसे छोटे स्टेटस चिप्स हों। नीचे, ठीक 4 मेट्रिक टाइल्स शामिल करें: “2.4M+ Tasks automated”, “180K+ Agents this month”, “98.6% On-time”, और “4.9★ User rating”। मेट्रिक्स के नीचे, “Connects with the tools you use” लेबल वाली एक पंक्ति शामिल करें जिसमें ठीक 7 इंटीग्रेशन आइकन/बटन हों: Slack, Notion, GitHub, Figma, Google Drive, HubSpot, और “+ More”। एक टेस्टिमोनियल ब्लॉक जोड़ें जिसमें एक गोलाकार महिला हेडशॉट और “AgentBoard gives us complete visibility and keeps our team aligned.” कोट हो, जिसका श्रेय Sarah Chen, Head of Product, Northline को दिया गया हो। सबसे नीचे, छोटे लाइन आइकन के साथ ठीक 4 फीचर ब्लर्ब्स शामिल करें: Visual workspace, Multi-agent collaboration, Real-time progress, और Secure & governed. दाईं स्क्रीन, प्रोडक्ट डैशबोर्ड: एक सघन लेकिन एलिगेंट वेब ऐप इंटरफ़ेस बनाएं। टॉप ऐप बार में बाईं ओर “AgentBoard”, मुख्य टैब Workspace, Agents, Integrations, Data, Reports, साथ ही एक Invite बटन, 5 छोटे यूजर अवतारों की एक पंक्ति, एक “+3” बैज, और एक ड्रॉपडाउन शेवरॉन दिखाएं। वर्कस्पेस “Acme Inc.” के लिए बाईं ओर का साइडबार जिसमें ठीक 11 नेविगेशन आइटम हों: Home, Inbox (8 बैज के साथ), Boards, Agents, Workflows, Data, Reports, Integrations, Settings, Help, और Collapse। मुख्य पेज का शीर्षक Q2 Go-to-Market Launch पढ़ें, जिसमें एक हरा “Live” पिल और सबटाइटल “Coordinating agents across research, strategy, content, design, and ops.” हो। Share और गहरे हरे रंग के Add agent बटन शामिल करें। डैशबोर्ड कंटेंट: शीर्षक के नीचे, ठीक 4 टैब दिखाएं: Board, Progress, Outputs, Activity, जिसमें Board सक्रिय हो। मुख्य बोर्ड कैनवास में ठीक 6 कनेक्टेड वर्कफ़्लो कार्ड्स हों जो बाईं से दाईं ओर घुमावदार कनेक्टर लाइनों के साथ व्यवस्थित हों: Research Agent “Market & audience research” Done; Data Agent “Performance analysis” Done; Strategy Agent “Go-to-market plan” In progress; Content Agent “Messaging & content framework” In progress; Design Agent “Creative concepts & brand” In progress; Ops Agent “Launch readiness & checklist” In progress; Analytics Agent “Performance forecast” Queued। ऊपर दाईं ओर छोटे बोर्ड कंट्रोल शामिल करें: सर्च आइकन, लेआउट आइकन, फिट आइकन, ज़ूम “100%”, और ड्रॉपडाउन। बोर्ड के नीचे, ठीक 5 आइटम वाली एक KPI स्ट्रिप जोड़ें: हरे प्रोग्रेस बार के साथ Live progress 72%, 9 Active agents, 24 Tasks running, 156 Tasks completed, और 92% On-time, साथ ही एक “View all runs” बटन। ठीक 4 डॉक्यूमेंट कार्ड्स के साथ एक Recent outputs सेक्शन जोड़ें: GTM Strategy Brief, Messaging Framework, Creative Concepts, और Performance Forecast, जिनमें से प्रत्येक का एक छोटा प्रीव्यू थंबनेल और अपडेट टाइम हो। ठीक 5 पंक्तियों वाली एक Recent runs टेबल जोड़ें: Q2 Go-to-Market Launch, Customer Onboarding Revamp, Pricing Strategy Analysis, Brand Refresh Campaign, और Enterprise Sales Playbook; छोटे एजेंट अवतार क्लस्टर, रंगीन स्टेटस पिल्स, शुरू होने का समय और अवधि शामिल करें। सबसे नीचे, “What would you like the agents to work on?” प्लेसहोल्डर के साथ एक कंपोज़र इनपुट बार, Attach और Add context के लिए बटन, एक “All agents” ड्रॉपडाउन, और एक हरा सेंड बटन शामिल करें। विजुअल स्टाइल: प्रीमियम मिनिमल प्रोडक्ट मॉकअप, यथार्थवादी UI अनुपात, क्रिस्प वेक्टर-जैसा रेंडरिंग, जहाँ संभव हो वहां छोटा पठनीय इंटरफ़ेस टेक्स्ट, सूक्ष्म डॉटेड बैकग्राउंड टेक्सचर, हल्के बेज कार्ड्स, हरे स्टेटस इंडिकेटर, फाइन कनेक्टर लाइन्स, आधुनिक एडिटोरियल SaaS एस्थेटिक जो प्रोडक्ट-डिज़ाइन एक्सप्लोरेशन ट्वीट के लिए उपयुक्त हो। सीमाएं: ठीक 2 मुख्य स्क्रीन, लैंडिंग हीरो पर ठीक 5 एजेंट कार्ड्स, ठीक 4 मेट्रिक टाइल्स, ठीक 7 इंटीग्रेशन आइकन, ठीक 4 बॉटम फीचर ब्लर्ब्स, ठीक 11 साइडबार आइटम, ठीक 4 डैशबोर्ड टैब, डैशबोर्ड बोर्ड पर ठीक 6 वर्कफ़्लो एजेंट कार्ड्स और सातवें एंडपॉइंट के रूप में क्यूड Analytics कार्ड, ठीक 5 KPI आइटम, ठीक 4 आउटपुट कार्ड्स, और ठीक 5 टेबल पंक्तियों का उपयोग करें। वर्णित UI के अलावा कोई अतिरिक्त पैनल, वॉटरमार्क, ब्राउज़र क्रोम या सजावटी टेक्स्ट न जोड़ें।

इस प्रॉम्प्ट का उपयोग कैसे करें

  1. 1

    ऊपर दिया पूरा प्रॉम्प्ट कॉपी करें।

  2. 2

    GPT Image 2 को सपोर्ट करने वाला कोई प्लैटफ़ॉर्म खोलें, जैसे YouMind, और प्रॉम्प्ट पेस्ट करें।

  3. 3

    अपने आइडिया के हिसाब से विषय, स्टाइल या डिटेल बदलें, फिर जेनरेट करें।

यह YouMind की प्रॉम्प्ट लाइब्रेरी का एक मुफ़्त AI प्रॉम्प्ट है। हज़ारों और इमेज प्रॉम्प्ट देखें, सभी कॉपी और बदलाव के लिए मुफ़्त।

और इमेज प्रॉम्प्ट देखें

और prompt features

AI लाइब्रेरी

AI से प्रॉम्प्ट खोजें

AI से हज़ारों प्रॉम्प्ट में खोज कराएँ। मॉडल, समय अवधि और कीवर्ड्स से फ़िल्टर करें और व्यू, बुकमार्क, रिपोस्ट जैसी एंगेजमेंट पर सॉर्ट करें।

विज़न टूल्स

इमेज से प्रॉम्प्ट

किसी भी फ़ोटो को विस्तृत AI इमेज प्रॉम्प्ट में बदलें। मुफ़्त Image to Prompt कन्वर्टर कंपोज़िशन, स्टाइल और लाइटिंग का विश्लेषण करता है, ताकि आप सेकंडों में वही लुक दोबारा बना सकें।

Creators के लिए बना। हमेशा मुफ़्त।

YouMind दुनिया भर के creators द्वारा भरोसा किया जाने वाला AI creative copilot है। हर prompt आपको बेहतर और तेज़ बनाने में मदद के लिए चुना गया है।

और prompts देखें