粉色复古播客网站
For profile, small brands, and event landing page.
指令
**步骤1·收集简介（一次问完，宁多勿少）**
使用askUserQuestion一次性确认这些字段，不要分多轮慢慢挤：
1. 网站主题/用途（播客/个人主页/小品牌/活动页/其他——用户描述即可）
2.品牌名称（会作为巨型手写体出现，建议≤12个字符英文或≤6个字中文）
3.招牌台词/口号（会出现在椭圆形手写气泡里，可中可英式西语，越个性越好；用户没想法就根据主题代写一句）
4. 导航+区块（默认：关于/最新掉落/联系/订阅，用户可加可减）
5.各区块文案（用户没准备好就自动按主题填占位文案，语气要俏皮、第一人称、带点自嘲）
6. 图片来源：用户上传 vs 技能自动生成（默认自动生成）
7.邮箱、社媒办理等联系信息（缺就用占位hola@example.com / @example）
用户回复后，把所有字段整理进一个内部brief备用，下面所有步骤都从这个brief中取数，不要再回头追问。
**步骤 2·套用规范的 7 段式重构**
这个风格的页面结构是固定的，不要发明新结构。把简短里的内容硬塞进下面7段：
1. **顶部导航**：左侧品牌名（小字全大写）+右侧3-4个导航链接（全大写，下划虚线）背景。对应顶部玫粉色。
2. **英雄（核心叠化效果，最关键的一段，不能外围下方）**：椭圆裁切的人物/主体大图 + 巨型手写体品牌名地震整宽。**这两者必须在垂直上方向真正重叠**——品牌名的顶部1/3到1/2被人像的下半部分显现，呈现「字从人像钻背后外面」的报刊封面感。判断标准：在最终品牌截图上，名上方的字母（如L、l）的圆头、k的上划）应该被人像alpha通道盖住，看不到完整字形。如果能完整品牌名所有字母，就是失败的一个，必须重做。→右上角浮萍平板手写台词气泡+一个半色调红色复古小物（喇叭/耳机/耳机三选一）。背景看到：玫瑰粉。
3. **关于**：左侧大写小标题“ABOUT ME”（红色）+右侧大段副标题（红色全大写，2行换行）→ 右侧中部椭圆图 + 椭圆手写气泡（再叠一个半色调红色装饰，比如莲花）→ 右侧3列背景宽小字正文。：米杏。
4. **最新水滴/精选**：标题“THE LATEST DROPS”（或对应主题词）+ 两张高瘦比例对应，对应标题用全大写黑色压在图片下半部。上方各有“SEASON X EPISODE Y”形式的小字说明（横虚线分隔）。右边接下来是珍珠手写气泡+半色调红色耳机插画。背景：米杏。
5. **为什么/使命**：顶部左右并排四周全景图（用Why区生成的四周人物近景照片，不要用图标替代）→ 大写小标题“WHY SHOULD YOU TUNE IN?” → 4列等宽小字正文（每列一段，问句结尾）→右侧椭圆手写气泡“加入我的邮件列表”形式+半色调红色复古插画（比如长颈鹿或猫）。背景：米杏。**禁止用通用图标（emoji / SVG icon / Material Icons）替代真实照片**。
6. **联系方式**：左侧“CONTACT”+右侧“HIT ME UP!” 标题 → 下方左侧 3–4 行小字 + 邮箱 + 社媒 → 中间一张轮廓或曲面图 → 右边依次为圆形手写气泡 + 半色调红色复古电脑/手机插画。背景：米杏。
7. **页脚英雄**：再次制作巨型手写体品牌名贯穿全宽出现一遍（同英雄叠化逻辑：底部插画/装饰元素彰显品牌名顶部）→右上台面手写气泡→底部小字“条款与支持·隐私政策·设计与[品牌]”。背景：玫瑰粉。
如果用户砍掉了某个方块就跳过，不要硬塞；但顺序不能乱。
**步骤3·准备图片资产（用户没传就自己生）**
这个风格强依赖图片，没图就崩了。查看简介：
- 用户**已上传**图片：直接用，但提醒用户照片需要满足「暖色调、复古胶片感、穿着人物砖红/酒红色、有麦克风/绿幕/红绒布等录制场景元素」之一才不会跳戏。不满足就在隔壁装饰图救场。
- 用户**未上传**：调用generateImage生成下面这6张（每张独立调用，提示必须按下面写法准确控制风格，否则出图不当味）：
**一个。 主体侧面图（英雄用，俯视裁切）**
```
一张20世纪70年代的复古编辑肖像照片，照片中一位女士身穿赤陶红色西装外套，手持复古铬合金麦克风，背景是深海军蓝或红色天鹅绒窗帘，采用温暖的钨丝灯光，胶片颗粒柔和，佩戴珍珠项链，涂着红色唇膏，目光向下或侧视，构图类似杂志封面，色调柔和温暖，使用35毫米胶片拍摄，竖幅3:4。
```
**B。关于区平面图（桌面录制场景）**
```
复古播客录音台、复古镀铬麦克风、放在稿纸上的眼镜、一杯水、背景中的绿色天鹅绒窗帘、温暖的木质表面、70年代的编辑风格、柔和温暖的灯光、胶片颗粒感、赤陶色和森林绿的配色方案、3:4 比例
```
**C / D. 最新Drops 两张配合图（与简短主题相关）**
根据用户的两个“最新掉落”标题分别生成。例如标题是“复古电玩”→一只手持有粉色任天堂3DS在窗帘前的复古照片。要求：复古肤色、暖色调、构图竖向3:4。
**E。为什么区域俯视图×2（不同视角人物的近景）**
```
一张复古风格的特写照片，照片中一位身穿红色西装外套的女士手持一部复古橙色转盘电话，背景是绿色天鹅绒窗帘，采用70年代温暖的灯光风格，带有胶片颗粒感，比例为3:4。
```
+
```
特写镜头：一位身穿红色袖子的女性双手正在老式打字机上打字，背景是温暖的木质桌子，画面带有胶片颗粒感，营造出70年代的复古氛围，比例为3:4。
```
**F。 4–5个半色调复古装饰元素（必须透明背景！）**
这一组是风格灵魂，每个独立生成，**必须使用gemini-3.1-flash-image-preview模型**（GPT Image处理透明alpha不可靠），提示模板：
```
以砖红色点阵绘制的[物体]的半色调双色调插图，采用 20 世纪 70 年代复古杂志印刷风格，可见半色调点阵图案。主体位于完全透明的背景上，带有 Alpha 通道，无任何背景填充。PNG 抠图风格，简洁的扁平化构图，仅可见红色点阵，其余部分均为透明。
```
[对象]依次替换为：扩音器（喇叭）/耳机（耳机）/红唇（兄弟）/长颈鹿头（长颈鹿头）/复古显像管电视或1980年代的台式电脑（老电视或老式电脑）。
**保险措施**：即使用正确的提示，模型可能仍然会出现米白底不真透明。所以在第4步的CSS里**必须给所有半色调装饰图加`mix-blend-mode: darken;`**，让米白底自动覆盖页面，背景只保留红点图案。这是兜底规则，不能省略。
生成完成所有图后把URL收集到一个清单里，标注每张图所属哪个区块。
**Step 4·调用generateWebpage一次性出页（视觉DNA必须完整传过去）**
调generateWebpage，提示里**完整粘贴**这份Style DNA，再附上Step 1的简短内容和下面Step 3的图片清单。as_artifact: true。
---
**【风格DNA·必须严格遵守】**
**色板（CSS精度）**：
- `--rose`: #F4A8A0（顶部玫瑰粉，英雄与页脚背景）
- `--cream`: #E5DCC2（中段米杏，关于/最新/为什么/联系背景）
- `--brick`: #B8472D（标题/导航文字/装饰描边）
- `--ink`: #2C1810（正文小字）
- `--cream-light`: #F2EBD8（气泡内部填充）
顶部玫瑰粉到米杏之间用 8–16px 的过渡过渡带，不要硬切。英雄顶部到右侧顶上沿带一点紫灰晕染（rgba(150,140,180,0.25) 过渡过渡到玫瑰），呼应原稿。
**字体安装（必须使用Google Fonts CDN加载）**：
- 显示字体（品牌名、所有爆炸气泡里的手写台词）：`"Sail"`或`"Pacifico"`或`"Hello Headline"`，三选一，要报纸有圈、复古糖果感。品牌名字要爆炸大，桌面至少18vw，溢出感强。
- 标题/导航/正文小字：`"Oswald"` 或 `"Bebas Neue"`，全部`文本转换：大写`，字距`字母间距：0.06em`。正文小字12–13px，行高1.4。
- 不要再引入第三种字体。
**英雄化叠的精确实现（不能简洁，不能修改）**：
- 英雄部分高度设为 `100vh` 或 `95vh`，使用 `position:relative` + `overflow:hidden`。
- 肥胖人像图：`位置: 绝对`，水平居中（`左: 50%;变换:translateX(-50%)`），垂直方向`top: 5vh`，高度约`70vh`，宽度按3:4比例计算（约`52vh`），`z-index: 2`，`border-radius: 50% / 60%`，`object-fit: cover`。
- 巨型品牌名称：`位置：绝对`，水平居中，垂直方向`顶部：50vh`（**关键**：这个数值要让文字的顶部边线代表人像的纵向中部偏下区域，是人像下方）。`font-size: 28vw`，`line-height: 0.85`，`color: var(--cream-light)`，`z-index: 1`（**比人像低**），`white-space: nowrap`。
-检查标准：渲染后人像的alpha通道（人像四周边缘）必须能切掉品牌名上半截字形。如果品牌名整行都看得到完整字母，调小`top`值（让字往上移动）或增加人像高度。
- 圆台词气泡：`位置：绝对；右：6%；顶部：25%； z-index: 3`，气泡和它指向一条竖直虚线之间的方位。
- 半色调装饰图（喇叭等）：`position:absolute;右：3%； top: 10%`，宽140px，**必须配`mix-blend-mode: darken`**。
-整个英雄区不要用flex/grid把元素排成行列——元素之间是绝对定位的中心关系。
**布局规则（其他区块）**：
- 内容容器最大宽1280px，居中。
- 块之间与 `border-top: 1px dashed var(--brick)` 横线分隔。
- 椭圆图：`border-radius: 50% / 60%`（外侧扁的鸭蛋形），不要正圆。
- 圆手写气泡：`border-radius: 50% / 70%`，背景`var(--cream-light)`，描边`1px dashed var(--brick)`，内边距充足，气泡里的字用显示字体+砖色+斜体。
- 气泡和它指向的元素之间画一条**虚线连接线**（CSS：`border-left: 1px dashed var(--brick)`配`position:absolute`，长度60–120px），终点一个小红圆点。这是这个风格的标志符号，每个区块至少出现一个处。
- 半色调装饰图固定出现在方块的紫色（左下、右上交替），尺寸120–180px，**全部加`mix-blend-mode: darken`**。
**为什么区的硬性规则**：
- 必须用步骤3生成的两张照片为什么是真实的人物照片，左右并浪费在区块顶部。
- **禁止**使用表情符号、材质图标、Font Awesome 等任何通用图标替代照片或填充“功能对应”。这种风格不存在“功能对应”概念。
- 4列正文是横向多列文字流，不是4个图标对应。
**正文写法**：
- 所有导航、部分标签、卡片标题、标题全部全部大写。
- 正文小字段落用多列（CSS `column-count: 3` 或 `column-count: 4`）实现窄栏报刊感，不要单列大段。
- 标题色一律`var(--brick)`，正文色`var(--ink)`。
**页脚**：保留“条款与支持·隐私政策·设计[品牌名]”三行小字，左下角对齐，米杏色。
**响应式**：移动端品牌字号降到28vw（保持），多列正文降到单列，轮廓图缩到70%宽度居中，装饰图缩到80px并保留位置。英雄叠化在移动端依然成立——人像高度可以缩到50vh，品牌字顶部跟随调到35vh维持遮挡。
---
把简短里7段文案、图片URL清单（标注每张归属）一起塞进生成网页的提示，使一次出页。
**第 5 步·交付 + 易用性入口**
生成完成后，把网页链接给用户，然后用一句话主动给出3个最高的噪音方向，让用户直接点：
1.换主体肖像图（重新跑步骤3的A图，换一个姿势/服装）
2.调色板偏移（比如把玫瑰粉换成蜜桃、米杏换成淡薄荷——保持双色块结构，只换颜色值）
3. 加/删/重排块（按步骤2的7段重构调整）
用户选了哪一项就只重跑对应步骤，不要全量重生。
描述
这项技能可以打造独具特色、充满复古气息的单页网站，非常适合播客主播、个人品牌或希望建立独特线上形象的小型企业。它完美捕捉了复古杂志的版式和 20 世纪 70 年代的编辑设计风格。用户可以提供品牌名称、朗朗上口的标语以及“关于我们”、“最新发布”和“联系我们”等各个版块的内容。该技能随后会智能生成一个完整且视觉效果丰富的网页。其主要功能包括创建引人注目的“主图”版块（包含重叠的文字和图像）、动态内容块和自定义导航。如果用户没有提供自己的图片，它还可以利用 AI 生成图像，以营造一致的复古风格，包括半色调装饰元素和符合时代背景的照片。整个流程包括收集您的网站偏好和内容，然后根据特定的视觉语言构建完整的页面设计。最终输出的是一个带有唯一 URL 的可访问网页，随时可以分享。用户还可以进行快速调整，例如更换主图、调整调色板或重新排列版块，以确保最终网站完全符合他们的设想。
为什么我们推荐这个技能
这项技能打造出一个充满活力、复古风格的网站，其独特的分层式首页横幅设计，非常适合播客主播和小品牌。它鲜明的复古美学和精细的设计细节使其脱颖而出。
相关技能
查看全部
粒子动画演示（HTML）
这项技能可以生成一个简洁的单页网站，采用引人注目的黑白未来主义美学设计，非常适合展示新产品、艺术家作品集或电子名片。它专为需要打造视觉冲击力强的在线形象，但又不想经历传统网站开发复杂性的个人或企业而设计。该技能生成一个独立的 HTML 文件，包含 4-5 个流畅滚动的版块，每个版块都采用极简的字体和高对比度元素来吸引眼球。背景采用自定义编码的单色动画——例如流动的粒子或微妙的噪点渐变——营造出动感十足的高科技氛围，而无需依赖外部媒体。页面加载后，首先映入眼帘的是一个引人入胜的动画：眉毛文字逐渐显现，随后主标题以戏剧性的“打乱”效果呈现，副标题则以流畅的淡入方式出现。后续版块的内容会随着用户的滚动优雅地展开，确保流畅且沉浸式的体验。用户提供的所有图片都会自动转换为灰度图像，以保持视觉主题的一致性。最终输出是一个响应迅速、易于访问且性能卓越的网页，以单个可直接部署的 HTML 文件形式交付。
图片YouMind 着陆页风格海报
将您的内容转化为引人注目的视觉叙事，使用 YouMind 着陆页风格海报。此技能可制作精美的信息图海报，以其独特的自然复古未来主义美学吸引注意力。非常适合展示关键数据、项目亮点或产品特性，您的信息将以精致且易于理解的方式呈现。 利用平衡的冷暖色调，以浅灰蓝色为基底，搭配柔和米色桃红点缀，每张海报都体现出现代 UI 界面感。期待优雅的排版：标题采用权威的 Source Han Serif 字体，正文使用清晰的无衬线字体，确保可读性。布局采用动态 Bento 网格，将内容安排在视觉吸引人的柔和边缘卡片中，留有宽敞的呼吸空间，避免杂乱的设计。 除了引人注目的视觉效果，此技能还融入了微妙的细节元素，如均匀的细微胶片颗粒感、印象派渲染效果，以及可选的磨砂玻璃图标用于数据点。可添加一个半透明的三角棱柱作为优雅的点缀，而 YouMind 官方徽标总是巧妙地放置以保持品牌一致性。结果是一幅专业、轻盈且现代的信息图，能有效传达您的信息。
婚礼回复确认
这项技能可以生成一个时尚的、杂志风格的单页婚礼或活动网站，非常适合追求现代精致在线邀请函的新人。它专为希望在特别的日子里拥有独特数字形象、超越传统模板的新人而设计。该技能捕捉了高端杂志设计的独特美学，采用简洁的白色背景、超大无衬线字体和温暖的红色点缀。它可以整合您提供的图片，也可以生成两张电影般的韦斯·安德森风格图片——一张横幅和一张故事图片——图片中一对戴着标志性红色棒球帽的新人，背景是城市或花园，沐浴在温暖的金色夕阳余晖中。用户只需提供姓名、活动日期和地点等关键信息。该技能随后会生成一个完整的响应式网页，包括固定导航栏、醒目的横幅区域、回复表单、“我们的故事”专区、活动详情和联系方式。最终输出是一个可直接使用的HTML网页，以文件形式交付，如有需要，还可以进行进一步的自定义。
粉色复古播客网站
For profile, small brands, and event landing page.
指令
**步骤1·收集简介（一次问完，宁多勿少）**
使用askUserQuestion一次性确认这些字段，不要分多轮慢慢挤：
1. 网站主题/用途（播客/个人主页/小品牌/活动页/其他——用户描述即可）
2.品牌名称（会作为巨型手写体出现，建议≤12个字符英文或≤6个字中文）
3.招牌台词/口号（会出现在椭圆形手写气泡里，可中可英式西语，越个性越好；用户没想法就根据主题代写一句）
4. 导航+区块（默认：关于/最新掉落/联系/订阅，用户可加可减）
5.各区块文案（用户没准备好就自动按主题填占位文案，语气要俏皮、第一人称、带点自嘲）
6. 图片来源：用户上传 vs 技能自动生成（默认自动生成）
7.邮箱、社媒办理等联系信息（缺就用占位hola@example.com / @example）
用户回复后，把所有字段整理进一个内部brief备用，下面所有步骤都从这个brief中取数，不要再回头追问。
**步骤 2·套用规范的 7 段式重构**
这个风格的页面结构是固定的，不要发明新结构。把简短里的内容硬塞进下面7段：
1. **顶部导航**：左侧品牌名（小字全大写）+右侧3-4个导航链接（全大写，下划虚线）背景。对应顶部玫粉色。
2. **英雄（核心叠化效果，最关键的一段，不能外围下方）**：椭圆裁切的人物/主体大图 + 巨型手写体品牌名地震整宽。**这两者必须在垂直上方向真正重叠**——品牌名的顶部1/3到1/2被人像的下半部分显现，呈现「字从人像钻背后外面」的报刊封面感。判断标准：在最终品牌截图上，名上方的字母（如L、l）的圆头、k的上划）应该被人像alpha通道盖住，看不到完整字形。如果能完整品牌名所有字母，就是失败的一个，必须重做。→右上角浮萍平板手写台词气泡+一个半色调红色复古小物（喇叭/耳机/耳机三选一）。背景看到：玫瑰粉。
3. **关于**：左侧大写小标题“ABOUT ME”（红色）+右侧大段副标题（红色全大写，2行换行）→ 右侧中部椭圆图 + 椭圆手写气泡（再叠一个半色调红色装饰，比如莲花）→ 右侧3列背景宽小字正文。：米杏。
4. **最新水滴/精选**：标题“THE LATEST DROPS”（或对应主题词）+ 两张高瘦比例对应，对应标题用全大写黑色压在图片下半部。上方各有“SEASON X EPISODE Y”形式的小字说明（横虚线分隔）。右边接下来是珍珠手写气泡+半色调红色耳机插画。背景：米杏。
5. **为什么/使命**：顶部左右并排四周全景图（用Why区生成的四周人物近景照片，不要用图标替代）→ 大写小标题“WHY SHOULD YOU TUNE IN?” → 4列等宽小字正文（每列一段，问句结尾）→右侧椭圆手写气泡“加入我的邮件列表”形式+半色调红色复古插画（比如长颈鹿或猫）。背景：米杏。**禁止用通用图标（emoji / SVG icon / Material Icons）替代真实照片**。
6. **联系方式**：左侧“CONTACT”+右侧“HIT ME UP!” 标题 → 下方左侧 3–4 行小字 + 邮箱 + 社媒 → 中间一张轮廓或曲面图 → 右边依次为圆形手写气泡 + 半色调红色复古电脑/手机插画。背景：米杏。
7. **页脚英雄**：再次制作巨型手写体品牌名贯穿全宽出现一遍（同英雄叠化逻辑：底部插画/装饰元素彰显品牌名顶部）→右上台面手写气泡→底部小字“条款与支持·隐私政策·设计与[品牌]”。背景：玫瑰粉。
如果用户砍掉了某个方块就跳过，不要硬塞；但顺序不能乱。
**步骤3·准备图片资产（用户没传就自己生）**
这个风格强依赖图片，没图就崩了。查看简介：
- 用户**已上传**图片：直接用，但提醒用户照片需要满足「暖色调、复古胶片感、穿着人物砖红/酒红色、有麦克风/绿幕/红绒布等录制场景元素」之一才不会跳戏。不满足就在隔壁装饰图救场。
- 用户**未上传**：调用generateImage生成下面这6张（每张独立调用，提示必须按下面写法准确控制风格，否则出图不当味）：
**一个。 主体侧面图（英雄用，俯视裁切）**
```
一张20世纪70年代的复古编辑肖像照片，照片中一位女士身穿赤陶红色西装外套，手持复古铬合金麦克风，背景是深海军蓝或红色天鹅绒窗帘，采用温暖的钨丝灯光，胶片颗粒柔和，佩戴珍珠项链，涂着红色唇膏，目光向下或侧视，构图类似杂志封面，色调柔和温暖，使用35毫米胶片拍摄，竖幅3:4。
```
**B。关于区平面图（桌面录制场景）**
```
复古播客录音台、复古镀铬麦克风、放在稿纸上的眼镜、一杯水、背景中的绿色天鹅绒窗帘、温暖的木质表面、70年代的编辑风格、柔和温暖的灯光、胶片颗粒感、赤陶色和森林绿的配色方案、3:4 比例
```
**C / D. 最新Drops 两张配合图（与简短主题相关）**
根据用户的两个“最新掉落”标题分别生成。例如标题是“复古电玩”→一只手持有粉色任天堂3DS在窗帘前的复古照片。要求：复古肤色、暖色调、构图竖向3:4。
**E。为什么区域俯视图×2（不同视角人物的近景）**
```
一张复古风格的特写照片，照片中一位身穿红色西装外套的女士手持一部复古橙色转盘电话，背景是绿色天鹅绒窗帘，采用70年代温暖的灯光风格，带有胶片颗粒感，比例为3:4。
```
+
```
特写镜头：一位身穿红色袖子的女性双手正在老式打字机上打字，背景是温暖的木质桌子，画面带有胶片颗粒感，营造出70年代的复古氛围，比例为3:4。
```
**F。 4–5个半色调复古装饰元素（必须透明背景！）**
这一组是风格灵魂，每个独立生成，**必须使用gemini-3.1-flash-image-preview模型**（GPT Image处理透明alpha不可靠），提示模板：
```
以砖红色点阵绘制的[物体]的半色调双色调插图，采用 20 世纪 70 年代复古杂志印刷风格，可见半色调点阵图案。主体位于完全透明的背景上，带有 Alpha 通道，无任何背景填充。PNG 抠图风格，简洁的扁平化构图，仅可见红色点阵，其余部分均为透明。
```
[对象]依次替换为：扩音器（喇叭）/耳机（耳机）/红唇（兄弟）/长颈鹿头（长颈鹿头）/复古显像管电视或1980年代的台式电脑（老电视或老式电脑）。
**保险措施**：即使用正确的提示，模型可能仍然会出现米白底不真透明。所以在第4步的CSS里**必须给所有半色调装饰图加`mix-blend-mode: darken;`**，让米白底自动覆盖页面，背景只保留红点图案。这是兜底规则，不能省略。
生成完成所有图后把URL收集到一个清单里，标注每张图所属哪个区块。
**Step 4·调用generateWebpage一次性出页（视觉DNA必须完整传过去）**
调generateWebpage，提示里**完整粘贴**这份Style DNA，再附上Step 1的简短内容和下面Step 3的图片清单。as_artifact: true。
---
**【风格DNA·必须严格遵守】**
**色板（CSS精度）**：
- `--rose`: #F4A8A0（顶部玫瑰粉，英雄与页脚背景）
- `--cream`: #E5DCC2（中段米杏，关于/最新/为什么/联系背景）
- `--brick`: #B8472D（标题/导航文字/装饰描边）
- `--ink`: #2C1810（正文小字）
- `--cream-light`: #F2EBD8（气泡内部填充）
顶部玫瑰粉到米杏之间用 8–16px 的过渡过渡带，不要硬切。英雄顶部到右侧顶上沿带一点紫灰晕染（rgba(150,140,180,0.25) 过渡过渡到玫瑰），呼应原稿。
**字体安装（必须使用Google Fonts CDN加载）**：
- 显示字体（品牌名、所有爆炸气泡里的手写台词）：`"Sail"`或`"Pacifico"`或`"Hello Headline"`，三选一，要报纸有圈、复古糖果感。品牌名字要爆炸大，桌面至少18vw，溢出感强。
- 标题/导航/正文小字：`"Oswald"` 或 `"Bebas Neue"`，全部`文本转换：大写`，字距`字母间距：0.06em`。正文小字12–13px，行高1.4。
- 不要再引入第三种字体。
**英雄化叠的精确实现（不能简洁，不能修改）**：
- 英雄部分高度设为 `100vh` 或 `95vh`，使用 `position:relative` + `overflow:hidden`。
- 肥胖人像图：`位置: 绝对`，水平居中（`左: 50%;变换:translateX(-50%)`），垂直方向`top: 5vh`，高度约`70vh`，宽度按3:4比例计算（约`52vh`），`z-index: 2`，`border-radius: 50% / 60%`，`object-fit: cover`。
- 巨型品牌名称：`位置：绝对`，水平居中，垂直方向`顶部：50vh`（**关键**：这个数值要让文字的顶部边线代表人像的纵向中部偏下区域，是人像下方）。`font-size: 28vw`，`line-height: 0.85`，`color: var(--cream-light)`，`z-index: 1`（**比人像低**），`white-space: nowrap`。
-检查标准：渲染后人像的alpha通道（人像四周边缘）必须能切掉品牌名上半截字形。如果品牌名整行都看得到完整字母，调小`top`值（让字往上移动）或增加人像高度。
- 圆台词气泡：`位置：绝对；右：6%；顶部：25%； z-index: 3`，气泡和它指向一条竖直虚线之间的方位。
- 半色调装饰图（喇叭等）：`position:absolute;右：3%； top: 10%`，宽140px，**必须配`mix-blend-mode: darken`**。
-整个英雄区不要用flex/grid把元素排成行列——元素之间是绝对定位的中心关系。
**布局规则（其他区块）**：
- 内容容器最大宽1280px，居中。
- 块之间与 `border-top: 1px dashed var(--brick)` 横线分隔。
- 椭圆图：`border-radius: 50% / 60%`（外侧扁的鸭蛋形），不要正圆。
- 圆手写气泡：`border-radius: 50% / 70%`，背景`var(--cream-light)`，描边`1px dashed var(--brick)`，内边距充足，气泡里的字用显示字体+砖色+斜体。
- 气泡和它指向的元素之间画一条**虚线连接线**（CSS：`border-left: 1px dashed var(--brick)`配`position:absolute`，长度60–120px），终点一个小红圆点。这是这个风格的标志符号，每个区块至少出现一个处。
- 半色调装饰图固定出现在方块的紫色（左下、右上交替），尺寸120–180px，**全部加`mix-blend-mode: darken`**。
**为什么区的硬性规则**：
- 必须用步骤3生成的两张照片为什么是真实的人物照片，左右并浪费在区块顶部。
- **禁止**使用表情符号、材质图标、Font Awesome 等任何通用图标替代照片或填充“功能对应”。这种风格不存在“功能对应”概念。
- 4列正文是横向多列文字流，不是4个图标对应。
**正文写法**：
- 所有导航、部分标签、卡片标题、标题全部全部大写。
- 正文小字段落用多列（CSS `column-count: 3` 或 `column-count: 4`）实现窄栏报刊感，不要单列大段。
- 标题色一律`var(--brick)`，正文色`var(--ink)`。
**页脚**：保留“条款与支持·隐私政策·设计[品牌名]”三行小字，左下角对齐，米杏色。
**响应式**：移动端品牌字号降到28vw（保持），多列正文降到单列，轮廓图缩到70%宽度居中，装饰图缩到80px并保留位置。英雄叠化在移动端依然成立——人像高度可以缩到50vh，品牌字顶部跟随调到35vh维持遮挡。
---
把简短里7段文案、图片URL清单（标注每张归属）一起塞进生成网页的提示，使一次出页。
**第 5 步·交付 + 易用性入口**
生成完成后，把网页链接给用户，然后用一句话主动给出3个最高的噪音方向，让用户直接点：
1.换主体肖像图（重新跑步骤3的A图，换一个姿势/服装）
2.调色板偏移（比如把玫瑰粉换成蜜桃、米杏换成淡薄荷——保持双色块结构，只换颜色值）
3. 加/删/重排块（按步骤2的7段重构调整）
用户选了哪一项就只重跑对应步骤，不要全量重生。
描述
这项技能可以打造独具特色、充满复古气息的单页网站，非常适合播客主播、个人品牌或希望建立独特线上形象的小型企业。它完美捕捉了复古杂志的版式和 20 世纪 70 年代的编辑设计风格。用户可以提供品牌名称、朗朗上口的标语以及“关于我们”、“最新发布”和“联系我们”等各个版块的内容。该技能随后会智能生成一个完整且视觉效果丰富的网页。其主要功能包括创建引人注目的“主图”版块（包含重叠的文字和图像）、动态内容块和自定义导航。如果用户没有提供自己的图片，它还可以利用 AI 生成图像，以营造一致的复古风格，包括半色调装饰元素和符合时代背景的照片。整个流程包括收集您的网站偏好和内容，然后根据特定的视觉语言构建完整的页面设计。最终输出的是一个带有唯一 URL 的可访问网页，随时可以分享。用户还可以进行快速调整，例如更换主图、调整调色板或重新排列版块，以确保最终网站完全符合他们的设想。
为什么我们推荐这个技能
这项技能打造出一个充满活力、复古风格的网站，其独特的分层式首页横幅设计，非常适合播客主播和小品牌。它鲜明的复古美学和精细的设计细节使其脱颖而出。
相关技能
查看全部粒子动画演示（HTML）
这项技能可以生成一个简洁的单页网站，采用引人注目的黑白未来主义美学设计，非常适合展示新产品、艺术家作品集或电子名片。它专为需要打造视觉冲击力强的在线形象，但又不想经历传统网站开发复杂性的个人或企业而设计。该技能生成一个独立的 HTML 文件，包含 4-5 个流畅滚动的版块，每个版块都采用极简的字体和高对比度元素来吸引眼球。背景采用自定义编码的单色动画——例如流动的粒子或微妙的噪点渐变——营造出动感十足的高科技氛围，而无需依赖外部媒体。页面加载后，首先映入眼帘的是一个引人入胜的动画：眉毛文字逐渐显现，随后主标题以戏剧性的“打乱”效果呈现，副标题则以流畅的淡入方式出现。后续版块的内容会随着用户的滚动优雅地展开，确保流畅且沉浸式的体验。用户提供的所有图片都会自动转换为灰度图像，以保持视觉主题的一致性。最终输出是一个响应迅速、易于访问且性能卓越的网页，以单个可直接部署的 HTML 文件形式交付。
图片YouMind 着陆页风格海报
将您的内容转化为引人注目的视觉叙事，使用 YouMind 着陆页风格海报。此技能可制作精美的信息图海报，以其独特的自然复古未来主义美学吸引注意力。非常适合展示关键数据、项目亮点或产品特性，您的信息将以精致且易于理解的方式呈现。 利用平衡的冷暖色调，以浅灰蓝色为基底，搭配柔和米色桃红点缀，每张海报都体现出现代 UI 界面感。期待优雅的排版：标题采用权威的 Source Han Serif 字体，正文使用清晰的无衬线字体，确保可读性。布局采用动态 Bento 网格，将内容安排在视觉吸引人的柔和边缘卡片中，留有宽敞的呼吸空间，避免杂乱的设计。 除了引人注目的视觉效果，此技能还融入了微妙的细节元素，如均匀的细微胶片颗粒感、印象派渲染效果，以及可选的磨砂玻璃图标用于数据点。可添加一个半透明的三角棱柱作为优雅的点缀，而 YouMind 官方徽标总是巧妙地放置以保持品牌一致性。结果是一幅专业、轻盈且现代的信息图，能有效传达您的信息。
婚礼回复确认
这项技能可以生成一个时尚的、杂志风格的单页婚礼或活动网站，非常适合追求现代精致在线邀请函的新人。它专为希望在特别的日子里拥有独特数字形象、超越传统模板的新人而设计。该技能捕捉了高端杂志设计的独特美学，采用简洁的白色背景、超大无衬线字体和温暖的红色点缀。它可以整合您提供的图片，也可以生成两张电影般的韦斯·安德森风格图片——一张横幅和一张故事图片——图片中一对戴着标志性红色棒球帽的新人，背景是城市或花园，沐浴在温暖的金色夕阳余晖中。用户只需提供姓名、活动日期和地点等关键信息。该技能随后会生成一个完整的响应式网页，包括固定导航栏、醒目的横幅区域、回复表单、“我们的故事”专区、活动详情和联系方式。最终输出是一个可直接使用的HTML网页，以文件形式交付，如有需要，还可以进行进一步的自定义。
发现下一个适合你的技能
继续探索更多精选 AI 技能，用于研究、创作和日常工作。