
गुलाबी रेट्रो पॉडकास्टर साइट
For profile, small brands, and event landing page.
निर्देश
**चरण 1 · संक्षिप्त विवरण(一次问完,宁多勿少)**
उपयोगकर्ता से प्रश्न पूछें:
1. 网站主题/其他——用户描述即可)
2. फोटो देखें)
3. 招牌台词 / नारा(会出现在椭圆手写气泡里,可中可英可西语,越个性越好;用户没想法就根据主题代写一句)
4. 导航 + 区块(默认:के बारे में / नवीनतम ड्रॉप्स / संपर्क / सदस्यता लें,用户可加可减)
5.各区块文案(用户没准备就自动按主题填占位文案,语气要俏皮、第一人称、带点自嘲)
6. कौशल विकास बनाम कौशल कौशल विकास
7. 邮箱, 社媒 हैंडल 等联系信息(缺就用占位 hola@example.com / @example)
अधिक पढ़ें取数,不要再回头追问.
**चरण 2 · चरण 7 चरण **
अधिक जानकारी के लिए धन्यवाद, संक्षिप्त विवरण देखें 7 सप्ताह:
1. **शीर्ष नेविगेशन**:左侧品牌名(小字 all-caps)+ 右侧 3–4个导航链接(ऑल-कैप्स, 下划虚线)。背景延续顶部玫粉色。)
2. **हीरो(上下堆叠)巨型手写体品牌名横跨整宽。**这两者必须在垂直方向上真正重叠**——品牌名的顶部 1/3 到1/2 अधिक पढ़ें ठीक है, ठीक है, ठीक है, ठीक है, ठीक है, ठीक है, ठीक है या नहीं। L、l 的圆头、k 的上划)应该被人像 alpha 通道盖住,看不到完整字形。如果能完整看到品牌名所有字母,就是失败的堆叠,必须重做。→右上角浮一颗椭圆手写台词气泡 + 一个半色调红色复古小物(喇叭/麦克风/耳机三选一)。背景:玫粉。
3. **के बारे में**: "मेरे बारे में" (मेरे बारे में) अधिक पढ़ें 列等宽小字正文。背景:米杏。
4. **नवीनतम ड्रॉप्स / विशेष रुप से प्रदर्शित**:标题 "द लेटेस्ट ड्रॉप्स"(或对应主题词)+ 两张高瘦矩形卡片,卡片标题用 ऑल-कैप्स "सीजन形式的小字说明(横虚线分隔)。左侧再来一颗椭圆手写气泡) + 半色调红色耳机插画。背景:米杏。
5।大写小标题 "आपको ट्यून इन क्यों करना चाहिए?" → 4 列等宽小字正文(每列一段,问句结尾)→ 右侧椭圆手写气泡 "मेरी मेलिंग सूची में शामिल हों" 形式 +半色调红色复古插画(比如长颈鹿或猫)。背景:米杏。**禁止用通用 आइकन(इमोजी / एसवीजी आइकन / सामग्री प्रतीक चिह्न तस्वीरें**।
6. **संपर्क**:左侧 "संपर्क" + संपर्क "मुझे मारो!" उत्तर → 3-4 सप्ताह के उत्तर + ™ + → → → → → → → → → → → → → अधिक पढ़ें
7. **फुटर हीरो**:再次让巨型手写体品牌名横跨全宽出现一遍(同 हीरो叠化逻辑:底部插画/装饰元素遮挡品牌名顶部)→ 右上一颗椭圆手写气泡 → 底部小字"शर्तें और समर्थन · गोपनीयता नीति · [品牌] के साथ डिज़ाइन किया गया"。背景:玫粉。
如果用户砍掉了某个区块就跳过,不要硬塞;但顺序不能乱。
चरण 3
अधिक पढ़ें
- फ़ोटो** वीडियो टैग** फोटो: फ़ोटो अपलोड करें, फ़ोटो अपलोड करें片需要满足「暖色调、复古胶片感,人物穿砖红/酒红色,有麦克风/绿幕/红绒布等录制场景元素」 एक बार फिर से आपको एक नया अनुभव प्राप्त करना होगा।
- उत्तर**अधिकतम**: छवि उत्पन्न करने के लिए 6 वर्ष (प्रॉम्प्ट) का उपयोग करें必须按下面写法精确控制风格,否则出图不对味):
**एक। 主体肖像图(हीरो 用, 椭圆裁切)**
```
1970 के दशक की विंटेज संपादकीय पोर्ट्रेट तस्वीर, टेराकोटा-लाल ब्लेज़र पहने एक महिला, रेट्रो क्रोम माइक्रोफ़ोन पकड़े हुए, गहरे नीले या लाल मखमली पर्दे की पृष्ठभूमि, गर्म टंगस्टन प्रकाश, सॉफ्ट फिल्म ग्रेन, मोतियों का हार, लाल लिपस्टिक, नीचे या बगल की ओर देखती हुई, पत्रिका के कवर जैसी संरचना, शांत गर्म रंग पैलेट, 35 मिमी फिल्म पर शूट की गई, ऊर्ध्वाधर 3:4
```
**बी।区椭圆图(桌面录制场景) के बारे में**
```
विंटेज पॉडकास्ट रिकॉर्डिंग डेस्क, रेट्रो क्रोम माइक्रोफोन, स्क्रिप्ट पेपर पर चश्मा, पानी का गिलास, पृष्ठभूमि में हरा मखमली पर्दा, गर्म लकड़ी की सतह, 1970 के दशक की संपादकीय शैली, नरम गर्म रोशनी, फिल्म ग्रेन, टेराकोटा और वन-हरा रंग पैलेट, 3:4
```
**सी/डी. नवीनतम ड्रॉप्स 两张卡片图(与 संक्षिप्त 主题相关)**
"नवीनतम ड्रॉप" के बारे में अधिक जानें在窗帘前的复古照फोटो।
**इ. क्यों 区椭圆图×2(不同视角的人物近景)**
```
लाल ब्लेज़र पहने एक महिला की क्लोज़-अप विंटेज संपादकीय तस्वीर, जिसमें वह कान पर नारंगी रंग का रेट्रो रोटरी फ़ोन पकड़े हुए है, पृष्ठभूमि में हरे मखमली पर्दे का दृश्य, 70 के दशक की गर्म रोशनी, फिल्म ग्रेन, 3:4
```
+
```
लाल आस्तीन वाली महिला के हाथों का क्लोज-अप शॉट, विंटेज टाइपराइटर पर टाइप करते हुए, गर्म लकड़ी की मेज, फिल्म ग्रेन, 70 के दशक का संपादकीय माहौल, 3:4
```
**एफ। 4–5 个半色调复古装饰元素(必须透明背景!)**
अधिक पढ़ें不可靠),संकेत संदेश:
```
[वस्तु] का हाफटोन डुओटोन चित्रण, केवल ईंट जैसे लाल बिंदुओं में प्रस्तुत किया गया है, विंटेज 1970 के दशक की पत्रिका प्रिंट शैली में, हाफटोन डॉट पैटर्न स्पष्ट रूप से दिखाई दे रहा है, विषय को अल्फा चैनल के साथ पूरी तरह से पारदर्शी पृष्ठभूमि पर अलग किया गया है, कोई पृष्ठभूमि फिल नहीं है, पीएनजी कटआउट शैली, सरल फ्लैट संरचना, केवल लाल बिंदु दिखाई दे रहे हैं, बाकी सब कुछ पारदर्शी है
```
[ऑब्जेक्ट] उदाहरण: मेगाफोन(喇叭)/ हेडफ़ोन(耳机)/ लाल होंठ(嘴唇)/ जिराफ़ सिर(长颈鹿头)/ रेट्रो ट्यूब टीवी या 1980 के दशक का डेस्कटॉप कंप्यूटर (कंप्यूटर कंप्यूटर)।
**अधिक जानकारी के लिए**:即使用了正确的,模型可能仍然给出米白底而非真透明。所以在 चरण 4 सीएसएस里**必须给所有半色调装饰图加 `मिक्स-ब्लेंड-मोड: अंधेरा करना;
生成完所有图后把URL 收集到一个清单里, 标注每张图归属哪个区块。
**चरण 4 · वेबपेज जनरेट करने के लिए (डीएनए डाउनलोड करने के लिए) डाउनलोड करें**
वेबपेज जनरेट करें, शीघ्र भेजें ** स्टाइल डीएनए का उपयोग करें, चरण 1 का संक्षिप्त विवरण और चरण 3 का संक्षिप्त विवरण देखें।
---
**【स्टाइल डीएनए · 必须严格遵守】**
**देखें (सीएसएस डाउनलोड करें)**:
- `--rose`: #F4A8A0(顶部玫粉,Hero 与 पाद लेख 背景)
- `--cream`: #E5DCC2(中段米杏,के बारे में / नवीनतम / क्यों / संपर्क 背景)
- `--ईंट`: #B8472D(标题/导航文字/装饰描边)
- `--स्याही`: #2सी1810(正文小字)
- `--क्रीम-लाइट`: #F2EBD8(气泡内部填充)
顶部玫粉到米杏之间用 8–16px 的渐变过渡带,不要硬切。हीरो顶部到画布顶上沿带一点紫灰晕染(rgba(150,140,180,0.25) 径向渐变到 rose),呼应原稿。
**Google फ़ॉन्ट CDN डाउनलोड करें)**:
- 显示字体(品牌名、所有椭圆气泡里的手写台词):`"सेल"` 或 `"पैसिफिको"` 或 `"हैलो हेडलाइन''
- उदाहरण/अनुवाद/अनुवाद:`"ओसवाल्ड"` या `"बेबास न्यू"`, संदेश `टेक्स्ट-ट्रांसफॉर्म: अपरकेस`, नाम `अक्षर-अंतरिक्ष: 0.06em`。正文小字12–13पीएक्स, माप 1.4。
- 不要再引入第三种字体。
**हीरो को एक नया लुक मिला है (एक बार फिर से, एक बार फिर से)**:
- हीरो अनुभाग जैसे `100vh` या `95vh`, या `स्थिति: सापेक्ष` + `अतिप्रवाह: छिपा हुआ`।
- उत्तर: स्थिति: निरपेक्ष, स्थिति: 50%; रूपांतर: TranslateX(-50%)`),शीर्षक: 5vh`,高度约 `70vh`,宽度按 3:4 परिवर्तन `52vh`),`z-index: 2``सीमा-त्रिज्या: 50% / 60%``ऑब्जेक्ट-फिट: कवर`。
- उदाहरण: स्थिति: पूर्ण, स्थिति: पूर्ण, शीर्ष: शीर्ष: 50vh`(**关键**:这个数值要让文字的顶部边线落在人像फ़ॉन्ट-आकार: 28vw``,`लाइन-ऊंचाई: 0.85``,`रंग: var(--क्रीम-लाइट)`,`z-इंडेक्स: 1`(**比人像低**),`व्हाइट-स्पेस: अब्रैप`。
- 检查标准: 渲染后人像的 अल्फ़ा अधिक पढ़ें字形。如果品牌名整行都看得到完整字母,调小`शीर्ष` का अर्थ है शीर्ष पर जाना।
- 椭圆台词气泡:`स्थिति: निरपेक्ष; दाएँ: 6%; शीर्ष: 25%; z-सूचकांक: 3`,气泡和它指向的方位之间一条竖直虚线。
- 半色调装饰图(喇叭等)):`स्थिति: निरपेक्ष; दाएँ: 3%; शीर्ष: 10%`, 140px,**必须配 `मिक्स-ब्लेंड-मोड: डार्कन`**。
- हीरो के लिए फ्लेक्स/ग्रिड के बारे में जानकारी प्राप्त करें-----------------------------------
**布局法则(其他区块)**:
- 内容容器最大宽 1280px, 居中.
- `बॉर्डर-टॉप: 1px डैश्ड var(--brick)' का उपयोग करें।
- उदाहरण: सीमा-त्रिज्या: 50% / 60%
- उदाहरण के लिए: `बॉर्डर-त्रिज्या: 50% / 70%`, `var(--क्रीम-लाइट)`, 描边 `1px डैश्ड var(--brick)`, 内边距充足,气泡里的字用显示字体 + ईंट 色 + 斜体。
- मूल छवियाँ ** अतिरिक्त जानकारी ** (CSS): `सीमा-बाएँ: 1px धराशायी var(--brick)` `स्थिति: पूर्ण`, छवियाँ 60–120px),末端点一个小红圆点。这是这个风格的标志符号,每个区块至少出现一处。
- 半色调装饰图固定出现在区块的角落(左下、右上交替),尺寸 120–180px,**全部加`मिक्स-ब्लेंड-मोड: डार्कन`**。
**क्यों आप मुझे परेशान कर रहे हैं**:
- चरण 3 देखें चरण 3 का उपयोग करने के लिए आपको फ़ोटो क्यों लेनी चाहिए?
- **禁止**用इमोजी、सामग्री आइकन、फ़ॉन्ट विस्मयकारी 等任何通用 आइकन 替代照片或填充"फ़ीचर फ़ोटो"。这个风格不存在 "फ़ीचर फ़ोटो"概念。
- 4 दिन पहले, 4 दिन और तस्वीरें।
**正文写法**:
- एनएवी, अनुभाग लेबल, कार्ड शीर्षक, शीर्षक और सभी बड़े अक्षरों का चयन करें।
- सीएसएस `कॉलम-गिनती: 3` और `कॉलम-गिनती: 4`) के लिए धन्यवाद, एक नया संदेश देखें।
- `var(--ink)`, और `var(--ink)` के बारे में जानें।
**页脚**:保留 "शर्तें और समर्थन · गोपनीयता नीति · [品牌名] के साथ डिज़ाइन किया गया" 三行小字,左下角对齐,米杏色。
**响应式**:移动端品牌字号降到 28vw(保持),多列正文降到单列,椭圆图缩到 70%宽度居中,装饰图缩到 80px 并保留位置。Hero 叠化在移动端依然成立——人像高度可以缩到50vh, 品牌字 शीर्ष 35vh के लिए 35vh बैटरी की आवश्यकता होती है।
---
संक्षिप्त विवरण 7 जुलाई 2019 फोटो यूआरएल डाउनलोड करें वेबपेज जनरेट करने के लिए तुरंत क्लिक करें,अधिक जानकारी के लिए क्लिक करें।
**चरण 5 · 交付 + 微调入口**
生成完后,把वेबपेज 链接给用户, 然后用一句话主动给出 3个最高频的微调方向,让用户直接点:
1. चरण 3 का चरण 3, चरण 3, चरण 3, चरण 1/2 का उपयोग करें।
2.
3. चरण 2 से 7 चरण तक चरण 2
मेरे पास अभी भी एक अच्छा विकल्प है, और मैं इसे खरीदने के बारे में सोच रहा हूं।
विवरण
यह कौशल एक विशिष्ट, रेट्रो-प्रेरित सिंगल-पेज वेबसाइट तैयार करता है, जो पॉडकास्टरों, व्यक्तिगत ब्रांडों या अद्वितीय ऑनलाइन उपस्थिति चाहने वाले छोटे व्यवसायों के लिए एकदम सही है। यह विंटेज मैगज़ीन लेआउट और 1970 के दशक के संपादकीय डिज़ाइन के सौंदर्य को दर्शाता है। उपयोगकर्ता अपना ब्रांड नाम, एक आकर्षक नारा और "हमारे बारे में", "नवीनतम उत्पाद" और "संपर्क" जैसे विभिन्न अनुभागों के लिए सामग्री प्रदान कर सकते हैं। यह कौशल फिर बुद्धिमानी से एक पूर्ण, आकर्षक वेबपेज तैयार करता है। प्रमुख क्षमताओं में ओवरलैपिंग टेक्स्ट और इमेजरी, डायनामिक कंटेंट ब्लॉक और कस्टम नेविगेशन के साथ एक आकर्षक "हीरो" सेक्शन का निर्माण शामिल है। यदि उपयोगकर्ता अपनी स्वयं की इमेज प्रदान नहीं करता है, तो यह एक सुसंगत विंटेज लुक के लिए AI इमेज जनरेशन भी प्रदान करता है, जिसमें हाफटोन सजावटी तत्व और उस समय के अनुरूप फोटोग्राफी शामिल है। इस प्रक्रिया में आपकी वेबसाइट की प्राथमिकताएं और सामग्री एकत्र करना, फिर एक विशिष्ट दृश्य भाषा का पालन करते हुए एक पूर्ण-पृष्ठ डिज़ाइन तैयार करना शामिल है। अंतिम आउटपुट एक लाइव वेबपेज है, जिसमें एक अद्वितीय URL होता है, जो साझा करने के लिए तैयार है। उपयोगकर्ताओं को त्वरित समायोजन के विकल्प भी मिलते हैं, जैसे कि मुख्य छवियों को बदलना, रंग पैलेट को समायोजित करना या अनुभागों को पुनर्व्यवस्थित करना, यह सुनिश्चित करते हुए कि अंतिम साइट उनकी कल्पना से पूरी तरह मेल खाती है।
हमें यह कौशल क्यों पसंद है
यह कौशल एक जीवंत, रेट्रो-थीम वाली वेबसाइट तैयार करता है जिसमें एक अनूठा लेयर्ड हीरो सेक्शन है, जो पॉडकास्टरों और छोटे ब्रांडों के लिए एकदम सही है। इसकी विशिष्ट विंटेज सौंदर्यता और बारीकी से किए गए डिज़ाइन विवरण इसे वास्तव में अलग बनाते हैं।
संबंधित कौशल
सभी देखेंकण-एनिमेशन प्रस्तुति (HTML)
यह कौशल एक आकर्षक, एकल-पृष्ठ वेबसाइट तैयार करता है जिसमें शानदार ब्लैक एंड व्हाइट, भविष्यवादी सौंदर्यबोध है, जो किसी नए उत्पाद, कलाकार के पोर्टफोलियो या डिजिटल बिजनेस कार्ड को प्रदर्शित करने के लिए आदर्श है। यह उन व्यक्तियों या व्यवसायों के लिए डिज़ाइन किया गया है जिन्हें पारंपरिक वेबसाइट विकास की जटिलता के बिना एक प्रभावशाली ऑनलाइन उपस्थिति की आवश्यकता है। यह कौशल एक स्व-निहित HTML फ़ाइल बनाता है जिसमें 4-5 सुचारू रूप से स्क्रॉल करने योग्य अनुभाग होते हैं, जिनमें से प्रत्येक को न्यूनतम टाइपोग्राफी और उच्च-कंट्रास्ट तत्वों के साथ ध्यान आकर्षित करने के लिए डिज़ाइन किया गया है। पृष्ठभूमि कस्टम-कोडित, मोनोक्रोम एनीमेशन - जैसे बहते कण या सूक्ष्म शोर ग्रेडिएंट - के साथ जीवंत हो उठती है, जो बाहरी मीडिया पर निर्भर किए बिना एक गतिशील, उच्च-तकनीकी वातावरण का निर्माण करती है। लोड होने पर, पृष्ठ आगंतुकों का स्वागत एक आकर्षक हीरो एनीमेशन के साथ करता है: एक भौंह टेक्स्ट टाइप होता है, उसके बाद मुख्य शीर्षक के लिए एक नाटकीय "स्क्रैम्बल" प्रभाव और उपशीर्षक के लिए एक सहज फ़ेड-इन होता है। उपयोगकर्ता के स्क्रॉल करने पर बाद के अनुभागों में सामग्री सहजता से दिखाई देती है, जिससे एक सहज और आकर्षक अनुभव सुनिश्चित होता है। उपयोगकर्ता द्वारा प्रदान की गई सभी छवियां सुसंगत दृश्य थीम को बनाए रखने के लिए स्वचालित रूप से ग्रेस्केल में परिवर्तित हो जाती हैं। अंतिम परिणाम एक प्रतिक्रियाशील, सुलभ और उच्च प्रदर्शन वाला वेबपेज है, जिसे एक ही, उपयोग के लिए तैयार HTML फ़ाइल के रूप में वितरित किया जाता है।
YouMind लैंडिंग पेज स्टाइल पोस्टर
अपनी सामग्री को YouMind लैंडिंग पेज स्टाइल पोस्टर के साथ एक आकर्षक दृश्य कथा में बदलें। यह कौशल सुंदर इन्फोग्राफिक पोस्टर बनाता है जो एक अद्वितीय प्राकृतिक रेट्रो-फ्यूचरिज़्म सौंदर्य के साथ ध्यान आकर्षित करता है। मुख्य डेटा, परियोजना हाइलाइट्स, या उत्पाद सुविधाओं को प्रदर्शित करने के लिए एकदम सही, आपकी जानकारी एक परिष्कृत और आसानी से समझने योग्य प्रारूप में प्रस्तुत की जाएगी। हल्के ग्रे-नीले आधार और सूक्ष्म बेज-पीच रंग के उच्चारणों वाले संतुलित ठंडे-गर्म रंग पैलेट का लाभ उठाते हुए, प्रत्येक पोस्टर एक आधुनिक UI अनुभव का प्रतीक है। शीर्षकों के लिए आधिकारिक स्रोत हान सेरिफ़ और मुख्य पाठ के लिए साफ़ सैंस-सेरिफ़ जैसी सुरुचिपूर्ण टाइपोग्राफी की अपेक्षा करें, जो पठनीयता सुनिश्चित करती है। लेआउट एक गतिशील बेंटो ग्रिड का उपयोग करता है, आपकी सामग्री को देखने में आकर्षक, नरम किनारों वाले कार्ड में व्यवस्थित करता है, जिसमें पर्याप्त स्थान होता है, जिससे अव्यवस्थित डिज़ाइन से बचा जा सके। आकर्षक दृश्यों से परे, यह कौशल एक समान बारीक फिल्म दाना, प्रभाववादी प्रतिपादन, और आपके डेटा बिंदुओं के लिए वैकल्पिक फ्रॉस्टेड ग्लास आइकन जैसे सूक्ष्म डिज़ाइन तत्वों को एकीकृत करता है। एक सुरुचिपूर्ण उच्चारण के लिए एक एकल पारभासी त्रिकोणीय प्रिज्म जोड़ा जा सकता है, जबकि ब्रांड स्थिरता बनाए रखने के लिए YouMind आधिकारिक लोगो हमेशा विवेकपूर्ण रूप से रखा जाता है। इसका परिणाम एक पेशेवर, हवादार और आधुनिक इन्फोग्राफिक है जो आपके संदेश को प्रभावी ढंग से संप्रेषित करता है।
शादी के लिए RSVP
यह स्किल एक स्टाइलिश, संपादकीय थीम वाली सिंगल-पेज वेडिंग या इवेंट वेबसाइट तैयार करती है, जो आधुनिक और परिष्कृत ऑनलाइन निमंत्रण चाहने वाले जोड़ों के लिए एकदम सही है। यह उन सभी के लिए डिज़ाइन की गई है जो अपने खास दिन के लिए एक विशिष्ट डिजिटल उपस्थिति चाहते हैं, पारंपरिक टेम्पलेट्स से हटकर। यह स्किल उच्च-स्तरीय संपादकीय डिज़ाइन से प्रेरित एक अनूठी सौंदर्यता को दर्शाती है, जिसमें साफ सफेद पृष्ठभूमि, बड़े आकार के सैन्स-सेरिफ़ फ़ॉन्ट और गर्म लाल रंग का उपयोग किया गया है। यह या तो आपके द्वारा प्रदान की गई छवियों को एकीकृत कर सकती है या वेस एंडरसन शैली की दो सिनेमाई छवियां - एक हीरो बैनर और एक स्टोरी इमेज - तैयार कर सकती है, जिसमें एक जोड़ा अपनी सिग्नेचर लाल बेसबॉल कैप पहने हुए, शहरी या बगीचे की पृष्ठभूमि में सुनहरे प्रकाश में दिखाई देता है। उपयोगकर्ता केवल नाम, कार्यक्रम की तिथि और स्थान जैसी मुख्य जानकारी प्रदान करते हैं। इसके बाद यह स्किल एक पूर्ण, रिस्पॉन्सिव वेबपेज तैयार करती है, जिसमें एक स्टिकी नेविगेशन बार, एक प्रमुख हीरो सेक्शन, एक RSVP फॉर्म, एक समर्पित "हमारी कहानी" सेक्शन, कार्यक्रम विवरण और संपर्क जानकारी शामिल होती है। अंतिम आउटपुट एक तैयार HTML वेबपेज होता है, जिसे एक आर्टिफैक्ट के रूप में डिलीवर किया जाता है, जिसे आवश्यकतानुसार और अनुकूलित किया जा सकता है।

गुलाबी रेट्रो पॉडकास्टर साइट
For profile, small brands, and event landing page.
निर्देश
**चरण 1 · संक्षिप्त विवरण(一次问完,宁多勿少)**
उपयोगकर्ता से प्रश्न पूछें:
1. 网站主题/其他——用户描述即可)
2. फोटो देखें)
3. 招牌台词 / नारा(会出现在椭圆手写气泡里,可中可英可西语,越个性越好;用户没想法就根据主题代写一句)
4. 导航 + 区块(默认:के बारे में / नवीनतम ड्रॉप्स / संपर्क / सदस्यता लें,用户可加可减)
5.各区块文案(用户没准备就自动按主题填占位文案,语气要俏皮、第一人称、带点自嘲)
6. कौशल विकास बनाम कौशल कौशल विकास
7. 邮箱, 社媒 हैंडल 等联系信息(缺就用占位 hola@example.com / @example)
अधिक पढ़ें取数,不要再回头追问.
**चरण 2 · चरण 7 चरण **
अधिक जानकारी के लिए धन्यवाद, संक्षिप्त विवरण देखें 7 सप्ताह:
1. **शीर्ष नेविगेशन**:左侧品牌名(小字 all-caps)+ 右侧 3–4个导航链接(ऑल-कैप्स, 下划虚线)。背景延续顶部玫粉色。)
2. **हीरो(上下堆叠)巨型手写体品牌名横跨整宽。**这两者必须在垂直方向上真正重叠**——品牌名的顶部 1/3 到1/2 अधिक पढ़ें ठीक है, ठीक है, ठीक है, ठीक है, ठीक है, ठीक है, ठीक है या नहीं। L、l 的圆头、k 的上划)应该被人像 alpha 通道盖住,看不到完整字形。如果能完整看到品牌名所有字母,就是失败的堆叠,必须重做。→右上角浮一颗椭圆手写台词气泡 + 一个半色调红色复古小物(喇叭/麦克风/耳机三选一)。背景:玫粉。
3. **के बारे में**: "मेरे बारे में" (मेरे बारे में) अधिक पढ़ें 列等宽小字正文。背景:米杏。
4. **नवीनतम ड्रॉप्स / विशेष रुप से प्रदर्शित**:标题 "द लेटेस्ट ड्रॉप्स"(或对应主题词)+ 两张高瘦矩形卡片,卡片标题用 ऑल-कैप्स "सीजन形式的小字说明(横虚线分隔)。左侧再来一颗椭圆手写气泡) + 半色调红色耳机插画。背景:米杏。
5।大写小标题 "आपको ट्यून इन क्यों करना चाहिए?" → 4 列等宽小字正文(每列一段,问句结尾)→ 右侧椭圆手写气泡 "मेरी मेलिंग सूची में शामिल हों" 形式 +半色调红色复古插画(比如长颈鹿或猫)。背景:米杏。**禁止用通用 आइकन(इमोजी / एसवीजी आइकन / सामग्री प्रतीक चिह्न तस्वीरें**।
6. **संपर्क**:左侧 "संपर्क" + संपर्क "मुझे मारो!" उत्तर → 3-4 सप्ताह के उत्तर + ™ + → → → → → → → → → → → → → अधिक पढ़ें
7. **फुटर हीरो**:再次让巨型手写体品牌名横跨全宽出现一遍(同 हीरो叠化逻辑:底部插画/装饰元素遮挡品牌名顶部)→ 右上一颗椭圆手写气泡 → 底部小字"शर्तें और समर्थन · गोपनीयता नीति · [品牌] के साथ डिज़ाइन किया गया"。背景:玫粉。
如果用户砍掉了某个区块就跳过,不要硬塞;但顺序不能乱。
चरण 3
अधिक पढ़ें
- फ़ोटो** वीडियो टैग** फोटो: फ़ोटो अपलोड करें, फ़ोटो अपलोड करें片需要满足「暖色调、复古胶片感,人物穿砖红/酒红色,有麦克风/绿幕/红绒布等录制场景元素」 एक बार फिर से आपको एक नया अनुभव प्राप्त करना होगा।
- उत्तर**अधिकतम**: छवि उत्पन्न करने के लिए 6 वर्ष (प्रॉम्प्ट) का उपयोग करें必须按下面写法精确控制风格,否则出图不对味):
**एक। 主体肖像图(हीरो 用, 椭圆裁切)**
```
1970 के दशक की विंटेज संपादकीय पोर्ट्रेट तस्वीर, टेराकोटा-लाल ब्लेज़र पहने एक महिला, रेट्रो क्रोम माइक्रोफ़ोन पकड़े हुए, गहरे नीले या लाल मखमली पर्दे की पृष्ठभूमि, गर्म टंगस्टन प्रकाश, सॉफ्ट फिल्म ग्रेन, मोतियों का हार, लाल लिपस्टिक, नीचे या बगल की ओर देखती हुई, पत्रिका के कवर जैसी संरचना, शांत गर्म रंग पैलेट, 35 मिमी फिल्म पर शूट की गई, ऊर्ध्वाधर 3:4
```
**बी।区椭圆图(桌面录制场景) के बारे में**
```
विंटेज पॉडकास्ट रिकॉर्डिंग डेस्क, रेट्रो क्रोम माइक्रोफोन, स्क्रिप्ट पेपर पर चश्मा, पानी का गिलास, पृष्ठभूमि में हरा मखमली पर्दा, गर्म लकड़ी की सतह, 1970 के दशक की संपादकीय शैली, नरम गर्म रोशनी, फिल्म ग्रेन, टेराकोटा और वन-हरा रंग पैलेट, 3:4
```
**सी/डी. नवीनतम ड्रॉप्स 两张卡片图(与 संक्षिप्त 主题相关)**
"नवीनतम ड्रॉप" के बारे में अधिक जानें在窗帘前的复古照फोटो।
**इ. क्यों 区椭圆图×2(不同视角的人物近景)**
```
लाल ब्लेज़र पहने एक महिला की क्लोज़-अप विंटेज संपादकीय तस्वीर, जिसमें वह कान पर नारंगी रंग का रेट्रो रोटरी फ़ोन पकड़े हुए है, पृष्ठभूमि में हरे मखमली पर्दे का दृश्य, 70 के दशक की गर्म रोशनी, फिल्म ग्रेन, 3:4
```
+
```
लाल आस्तीन वाली महिला के हाथों का क्लोज-अप शॉट, विंटेज टाइपराइटर पर टाइप करते हुए, गर्म लकड़ी की मेज, फिल्म ग्रेन, 70 के दशक का संपादकीय माहौल, 3:4
```
**एफ। 4–5 个半色调复古装饰元素(必须透明背景!)**
अधिक पढ़ें不可靠),संकेत संदेश:
```
[वस्तु] का हाफटोन डुओटोन चित्रण, केवल ईंट जैसे लाल बिंदुओं में प्रस्तुत किया गया है, विंटेज 1970 के दशक की पत्रिका प्रिंट शैली में, हाफटोन डॉट पैटर्न स्पष्ट रूप से दिखाई दे रहा है, विषय को अल्फा चैनल के साथ पूरी तरह से पारदर्शी पृष्ठभूमि पर अलग किया गया है, कोई पृष्ठभूमि फिल नहीं है, पीएनजी कटआउट शैली, सरल फ्लैट संरचना, केवल लाल बिंदु दिखाई दे रहे हैं, बाकी सब कुछ पारदर्शी है
```
[ऑब्जेक्ट] उदाहरण: मेगाफोन(喇叭)/ हेडफ़ोन(耳机)/ लाल होंठ(嘴唇)/ जिराफ़ सिर(长颈鹿头)/ रेट्रो ट्यूब टीवी या 1980 के दशक का डेस्कटॉप कंप्यूटर (कंप्यूटर कंप्यूटर)।
**अधिक जानकारी के लिए**:即使用了正确的,模型可能仍然给出米白底而非真透明。所以在 चरण 4 सीएसएस里**必须给所有半色调装饰图加 `मिक्स-ब्लेंड-मोड: अंधेरा करना;
生成完所有图后把URL 收集到一个清单里, 标注每张图归属哪个区块。
**चरण 4 · वेबपेज जनरेट करने के लिए (डीएनए डाउनलोड करने के लिए) डाउनलोड करें**
वेबपेज जनरेट करें, शीघ्र भेजें ** स्टाइल डीएनए का उपयोग करें, चरण 1 का संक्षिप्त विवरण और चरण 3 का संक्षिप्त विवरण देखें।
---
**【स्टाइल डीएनए · 必须严格遵守】**
**देखें (सीएसएस डाउनलोड करें)**:
- `--rose`: #F4A8A0(顶部玫粉,Hero 与 पाद लेख 背景)
- `--cream`: #E5DCC2(中段米杏,के बारे में / नवीनतम / क्यों / संपर्क 背景)
- `--ईंट`: #B8472D(标题/导航文字/装饰描边)
- `--स्याही`: #2सी1810(正文小字)
- `--क्रीम-लाइट`: #F2EBD8(气泡内部填充)
顶部玫粉到米杏之间用 8–16px 的渐变过渡带,不要硬切。हीरो顶部到画布顶上沿带一点紫灰晕染(rgba(150,140,180,0.25) 径向渐变到 rose),呼应原稿。
**Google फ़ॉन्ट CDN डाउनलोड करें)**:
- 显示字体(品牌名、所有椭圆气泡里的手写台词):`"सेल"` 或 `"पैसिफिको"` 或 `"हैलो हेडलाइन''
- उदाहरण/अनुवाद/अनुवाद:`"ओसवाल्ड"` या `"बेबास न्यू"`, संदेश `टेक्स्ट-ट्रांसफॉर्म: अपरकेस`, नाम `अक्षर-अंतरिक्ष: 0.06em`。正文小字12–13पीएक्स, माप 1.4。
- 不要再引入第三种字体。
**हीरो को एक नया लुक मिला है (एक बार फिर से, एक बार फिर से)**:
- हीरो अनुभाग जैसे `100vh` या `95vh`, या `स्थिति: सापेक्ष` + `अतिप्रवाह: छिपा हुआ`।
- उत्तर: स्थिति: निरपेक्ष, स्थिति: 50%; रूपांतर: TranslateX(-50%)`),शीर्षक: 5vh`,高度约 `70vh`,宽度按 3:4 परिवर्तन `52vh`),`z-index: 2``सीमा-त्रिज्या: 50% / 60%``ऑब्जेक्ट-फिट: कवर`。
- उदाहरण: स्थिति: पूर्ण, स्थिति: पूर्ण, शीर्ष: शीर्ष: 50vh`(**关键**:这个数值要让文字的顶部边线落在人像फ़ॉन्ट-आकार: 28vw``,`लाइन-ऊंचाई: 0.85``,`रंग: var(--क्रीम-लाइट)`,`z-इंडेक्स: 1`(**比人像低**),`व्हाइट-स्पेस: अब्रैप`。
- 检查标准: 渲染后人像的 अल्फ़ा अधिक पढ़ें字形。如果品牌名整行都看得到完整字母,调小`शीर्ष` का अर्थ है शीर्ष पर जाना।
- 椭圆台词气泡:`स्थिति: निरपेक्ष; दाएँ: 6%; शीर्ष: 25%; z-सूचकांक: 3`,气泡和它指向的方位之间一条竖直虚线。
- 半色调装饰图(喇叭等)):`स्थिति: निरपेक्ष; दाएँ: 3%; शीर्ष: 10%`, 140px,**必须配 `मिक्स-ब्लेंड-मोड: डार्कन`**。
- हीरो के लिए फ्लेक्स/ग्रिड के बारे में जानकारी प्राप्त करें-----------------------------------
**布局法则(其他区块)**:
- 内容容器最大宽 1280px, 居中.
- `बॉर्डर-टॉप: 1px डैश्ड var(--brick)' का उपयोग करें।
- उदाहरण: सीमा-त्रिज्या: 50% / 60%
- उदाहरण के लिए: `बॉर्डर-त्रिज्या: 50% / 70%`, `var(--क्रीम-लाइट)`, 描边 `1px डैश्ड var(--brick)`, 内边距充足,气泡里的字用显示字体 + ईंट 色 + 斜体。
- मूल छवियाँ ** अतिरिक्त जानकारी ** (CSS): `सीमा-बाएँ: 1px धराशायी var(--brick)` `स्थिति: पूर्ण`, छवियाँ 60–120px),末端点一个小红圆点。这是这个风格的标志符号,每个区块至少出现一处。
- 半色调装饰图固定出现在区块的角落(左下、右上交替),尺寸 120–180px,**全部加`मिक्स-ब्लेंड-मोड: डार्कन`**。
**क्यों आप मुझे परेशान कर रहे हैं**:
- चरण 3 देखें चरण 3 का उपयोग करने के लिए आपको फ़ोटो क्यों लेनी चाहिए?
- **禁止**用इमोजी、सामग्री आइकन、फ़ॉन्ट विस्मयकारी 等任何通用 आइकन 替代照片或填充"फ़ीचर फ़ोटो"。这个风格不存在 "फ़ीचर फ़ोटो"概念。
- 4 दिन पहले, 4 दिन और तस्वीरें।
**正文写法**:
- एनएवी, अनुभाग लेबल, कार्ड शीर्षक, शीर्षक और सभी बड़े अक्षरों का चयन करें।
- सीएसएस `कॉलम-गिनती: 3` और `कॉलम-गिनती: 4`) के लिए धन्यवाद, एक नया संदेश देखें।
- `var(--ink)`, और `var(--ink)` के बारे में जानें।
**页脚**:保留 "शर्तें और समर्थन · गोपनीयता नीति · [品牌名] के साथ डिज़ाइन किया गया" 三行小字,左下角对齐,米杏色。
**响应式**:移动端品牌字号降到 28vw(保持),多列正文降到单列,椭圆图缩到 70%宽度居中,装饰图缩到 80px 并保留位置。Hero 叠化在移动端依然成立——人像高度可以缩到50vh, 品牌字 शीर्ष 35vh के लिए 35vh बैटरी की आवश्यकता होती है।
---
संक्षिप्त विवरण 7 जुलाई 2019 फोटो यूआरएल डाउनलोड करें वेबपेज जनरेट करने के लिए तुरंत क्लिक करें,अधिक जानकारी के लिए क्लिक करें।
**चरण 5 · 交付 + 微调入口**
生成完后,把वेबपेज 链接给用户, 然后用一句话主动给出 3个最高频的微调方向,让用户直接点:
1. चरण 3 का चरण 3, चरण 3, चरण 3, चरण 1/2 का उपयोग करें।
2.
3. चरण 2 से 7 चरण तक चरण 2
मेरे पास अभी भी एक अच्छा विकल्प है, और मैं इसे खरीदने के बारे में सोच रहा हूं।
विवरण
यह कौशल एक विशिष्ट, रेट्रो-प्रेरित सिंगल-पेज वेबसाइट तैयार करता है, जो पॉडकास्टरों, व्यक्तिगत ब्रांडों या अद्वितीय ऑनलाइन उपस्थिति चाहने वाले छोटे व्यवसायों के लिए एकदम सही है। यह विंटेज मैगज़ीन लेआउट और 1970 के दशक के संपादकीय डिज़ाइन के सौंदर्य को दर्शाता है। उपयोगकर्ता अपना ब्रांड नाम, एक आकर्षक नारा और "हमारे बारे में", "नवीनतम उत्पाद" और "संपर्क" जैसे विभिन्न अनुभागों के लिए सामग्री प्रदान कर सकते हैं। यह कौशल फिर बुद्धिमानी से एक पूर्ण, आकर्षक वेबपेज तैयार करता है। प्रमुख क्षमताओं में ओवरलैपिंग टेक्स्ट और इमेजरी, डायनामिक कंटेंट ब्लॉक और कस्टम नेविगेशन के साथ एक आकर्षक "हीरो" सेक्शन का निर्माण शामिल है। यदि उपयोगकर्ता अपनी स्वयं की इमेज प्रदान नहीं करता है, तो यह एक सुसंगत विंटेज लुक के लिए AI इमेज जनरेशन भी प्रदान करता है, जिसमें हाफटोन सजावटी तत्व और उस समय के अनुरूप फोटोग्राफी शामिल है। इस प्रक्रिया में आपकी वेबसाइट की प्राथमिकताएं और सामग्री एकत्र करना, फिर एक विशिष्ट दृश्य भाषा का पालन करते हुए एक पूर्ण-पृष्ठ डिज़ाइन तैयार करना शामिल है। अंतिम आउटपुट एक लाइव वेबपेज है, जिसमें एक अद्वितीय URL होता है, जो साझा करने के लिए तैयार है। उपयोगकर्ताओं को त्वरित समायोजन के विकल्प भी मिलते हैं, जैसे कि मुख्य छवियों को बदलना, रंग पैलेट को समायोजित करना या अनुभागों को पुनर्व्यवस्थित करना, यह सुनिश्चित करते हुए कि अंतिम साइट उनकी कल्पना से पूरी तरह मेल खाती है।
हमें यह कौशल क्यों पसंद है
यह कौशल एक जीवंत, रेट्रो-थीम वाली वेबसाइट तैयार करता है जिसमें एक अनूठा लेयर्ड हीरो सेक्शन है, जो पॉडकास्टरों और छोटे ब्रांडों के लिए एकदम सही है। इसकी विशिष्ट विंटेज सौंदर्यता और बारीकी से किए गए डिज़ाइन विवरण इसे वास्तव में अलग बनाते हैं।
संबंधित कौशल
सभी देखेंकण-एनिमेशन प्रस्तुति (HTML)
यह कौशल एक आकर्षक, एकल-पृष्ठ वेबसाइट तैयार करता है जिसमें शानदार ब्लैक एंड व्हाइट, भविष्यवादी सौंदर्यबोध है, जो किसी नए उत्पाद, कलाकार के पोर्टफोलियो या डिजिटल बिजनेस कार्ड को प्रदर्शित करने के लिए आदर्श है। यह उन व्यक्तियों या व्यवसायों के लिए डिज़ाइन किया गया है जिन्हें पारंपरिक वेबसाइट विकास की जटिलता के बिना एक प्रभावशाली ऑनलाइन उपस्थिति की आवश्यकता है। यह कौशल एक स्व-निहित HTML फ़ाइल बनाता है जिसमें 4-5 सुचारू रूप से स्क्रॉल करने योग्य अनुभाग होते हैं, जिनमें से प्रत्येक को न्यूनतम टाइपोग्राफी और उच्च-कंट्रास्ट तत्वों के साथ ध्यान आकर्षित करने के लिए डिज़ाइन किया गया है। पृष्ठभूमि कस्टम-कोडित, मोनोक्रोम एनीमेशन - जैसे बहते कण या सूक्ष्म शोर ग्रेडिएंट - के साथ जीवंत हो उठती है, जो बाहरी मीडिया पर निर्भर किए बिना एक गतिशील, उच्च-तकनीकी वातावरण का निर्माण करती है। लोड होने पर, पृष्ठ आगंतुकों का स्वागत एक आकर्षक हीरो एनीमेशन के साथ करता है: एक भौंह टेक्स्ट टाइप होता है, उसके बाद मुख्य शीर्षक के लिए एक नाटकीय "स्क्रैम्बल" प्रभाव और उपशीर्षक के लिए एक सहज फ़ेड-इन होता है। उपयोगकर्ता के स्क्रॉल करने पर बाद के अनुभागों में सामग्री सहजता से दिखाई देती है, जिससे एक सहज और आकर्षक अनुभव सुनिश्चित होता है। उपयोगकर्ता द्वारा प्रदान की गई सभी छवियां सुसंगत दृश्य थीम को बनाए रखने के लिए स्वचालित रूप से ग्रेस्केल में परिवर्तित हो जाती हैं। अंतिम परिणाम एक प्रतिक्रियाशील, सुलभ और उच्च प्रदर्शन वाला वेबपेज है, जिसे एक ही, उपयोग के लिए तैयार HTML फ़ाइल के रूप में वितरित किया जाता है।
YouMind लैंडिंग पेज स्टाइल पोस्टर
अपनी सामग्री को YouMind लैंडिंग पेज स्टाइल पोस्टर के साथ एक आकर्षक दृश्य कथा में बदलें। यह कौशल सुंदर इन्फोग्राफिक पोस्टर बनाता है जो एक अद्वितीय प्राकृतिक रेट्रो-फ्यूचरिज़्म सौंदर्य के साथ ध्यान आकर्षित करता है। मुख्य डेटा, परियोजना हाइलाइट्स, या उत्पाद सुविधाओं को प्रदर्शित करने के लिए एकदम सही, आपकी जानकारी एक परिष्कृत और आसानी से समझने योग्य प्रारूप में प्रस्तुत की जाएगी। हल्के ग्रे-नीले आधार और सूक्ष्म बेज-पीच रंग के उच्चारणों वाले संतुलित ठंडे-गर्म रंग पैलेट का लाभ उठाते हुए, प्रत्येक पोस्टर एक आधुनिक UI अनुभव का प्रतीक है। शीर्षकों के लिए आधिकारिक स्रोत हान सेरिफ़ और मुख्य पाठ के लिए साफ़ सैंस-सेरिफ़ जैसी सुरुचिपूर्ण टाइपोग्राफी की अपेक्षा करें, जो पठनीयता सुनिश्चित करती है। लेआउट एक गतिशील बेंटो ग्रिड का उपयोग करता है, आपकी सामग्री को देखने में आकर्षक, नरम किनारों वाले कार्ड में व्यवस्थित करता है, जिसमें पर्याप्त स्थान होता है, जिससे अव्यवस्थित डिज़ाइन से बचा जा सके। आकर्षक दृश्यों से परे, यह कौशल एक समान बारीक फिल्म दाना, प्रभाववादी प्रतिपादन, और आपके डेटा बिंदुओं के लिए वैकल्पिक फ्रॉस्टेड ग्लास आइकन जैसे सूक्ष्म डिज़ाइन तत्वों को एकीकृत करता है। एक सुरुचिपूर्ण उच्चारण के लिए एक एकल पारभासी त्रिकोणीय प्रिज्म जोड़ा जा सकता है, जबकि ब्रांड स्थिरता बनाए रखने के लिए YouMind आधिकारिक लोगो हमेशा विवेकपूर्ण रूप से रखा जाता है। इसका परिणाम एक पेशेवर, हवादार और आधुनिक इन्फोग्राफिक है जो आपके संदेश को प्रभावी ढंग से संप्रेषित करता है।
शादी के लिए RSVP
यह स्किल एक स्टाइलिश, संपादकीय थीम वाली सिंगल-पेज वेडिंग या इवेंट वेबसाइट तैयार करती है, जो आधुनिक और परिष्कृत ऑनलाइन निमंत्रण चाहने वाले जोड़ों के लिए एकदम सही है। यह उन सभी के लिए डिज़ाइन की गई है जो अपने खास दिन के लिए एक विशिष्ट डिजिटल उपस्थिति चाहते हैं, पारंपरिक टेम्पलेट्स से हटकर। यह स्किल उच्च-स्तरीय संपादकीय डिज़ाइन से प्रेरित एक अनूठी सौंदर्यता को दर्शाती है, जिसमें साफ सफेद पृष्ठभूमि, बड़े आकार के सैन्स-सेरिफ़ फ़ॉन्ट और गर्म लाल रंग का उपयोग किया गया है। यह या तो आपके द्वारा प्रदान की गई छवियों को एकीकृत कर सकती है या वेस एंडरसन शैली की दो सिनेमाई छवियां - एक हीरो बैनर और एक स्टोरी इमेज - तैयार कर सकती है, जिसमें एक जोड़ा अपनी सिग्नेचर लाल बेसबॉल कैप पहने हुए, शहरी या बगीचे की पृष्ठभूमि में सुनहरे प्रकाश में दिखाई देता है। उपयोगकर्ता केवल नाम, कार्यक्रम की तिथि और स्थान जैसी मुख्य जानकारी प्रदान करते हैं। इसके बाद यह स्किल एक पूर्ण, रिस्पॉन्सिव वेबपेज तैयार करती है, जिसमें एक स्टिकी नेविगेशन बार, एक प्रमुख हीरो सेक्शन, एक RSVP फॉर्म, एक समर्पित "हमारी कहानी" सेक्शन, कार्यक्रम विवरण और संपर्क जानकारी शामिल होती है। अंतिम आउटपुट एक तैयार HTML वेबपेज होता है, जिसे एक आर्टिफैक्ट के रूप में डिलीवर किया जाता है, जिसे आवश्यकतानुसार और अनुकूलित किया जा सकता है।
अपना अगला पसंदीदा कौशल खोजें
शोध, निर्माण और रोज़मर्रा के काम के लिए और अधिक चयनित AI कौशल खोजें।