Pembe retro podcast sitesi
For profile, small brands, and event landing page.
Talimatlar
**Adım 1 · Kısa Özet(一次问完,宁多勿少)**
askUserQuestion'ın kullanımı:
1. 网站主题/用途（播客 / 个人主页 / 小品牌 / 活动页 / 其他——用户描述即可）
2. 品牌名（会作为巨型手写体出现,建议 ≤12 字符英文或 ≤6 字中文）
3. 招牌台词 / slogan (会出现在椭圆手写气泡里,可中可英可)西语，越个性越好；用户没想法就根据主题代写一句）
4. 导航 + 区块（默认:Hakkında / Son Droplar / İletişim / Abone Ol，用户可加可减）
5.各区块文案（用户没准备就自动按主题填占位文案,语气要俏皮,第一人称,带点自嘲）
6. Beceri ve Beceri Karşılaştırması: Beceri ve Beceri Karşılaştırması
7. 邮箱、社媒 tanıtıcının tanıtılması hola@example.com / @example）
用户回复后，把所有字段整理进一个内部 kısa 备用，下面所有步骤都从这个 kısa取数, 不要再回头追问.
**Adım 2 · Adım 7: Adım**
这个风格的页面结构是固定的,不要发明新结构。把 kısa 里的内容硬塞进下面:
1. **Üst Gezinme**:左侧品牌名（小字 tümü büyük harflerle）+ 右侧 3–4个导航链接（tümü büyük harfle,下划虚线）。背景延续顶部玫粉色。
2. **Hero（核心叠化效果，最关键的一段，不能做成上下堆叠）**:椭圆裁切的人物/主体大图 +巨型手写体品牌名横跨整宽。**这两者必须在垂直方向上真正重叠**——品牌名的顶部 1/3 到1/2 被人像的下半部分遮挡，呈现「字从人像背后钻出来」的报刊封面感。判断标准:在最终截图上,品牌名顶端的字母（如L、l 的圆头、k 的上划）应该被人像 alpha 通道盖住,看不到完整字形。如果能完整看到品牌名所有字母,就是失败的堆叠,必须重做。→右上角浮一颗椭圆手写台词气泡 + 一个半色调红色复古小物（喇叭/麦克风/耳机三选一）。背景:玫粉。
3. **Hakkında**:左侧大写小标题 "HAKKIMIZDA"（红色）+ 右侧大段副标题（红色 tamamı büyük harf,2 行换行）→下方左侧椭圆图 + 椭圆手写气泡（再叠一个半色调红色装饰，比如嘴唇）→ 右侧 3 Bu, bir başka deyişle: 米杏.
4. **Son Düşüşler / Öne Çıkanlar**: "THE LATEST DROPS"（或对应主题词）+ 两张高瘦矩形卡片,卡片标题用 tamamı büyük harf黑色压在图片下半部。卡片上方各有 "X. SEZON BÖLÜM Y"形式的小字说明（横虚线分隔）。左侧再来一颗椭圆手写气泡 + Bir başka deyişle, bir başka deyişle:
5. **Neden / Misyon**:顶部左右并排两张椭圆图（用 Why 区生成的两张人物近景照片，不要用 simgesi 替代）→大写小标题 "NEDEN AYARLANMALISINIZ?" → 4 列等宽小字正文（每列一段，问句结尾）→ 右侧椭圆手写气泡 "Posta listeme katıl" 形式 +半色调红色复古插画（比如长颈鹿或猫）。背景:米杏。**禁止用通用 simgesi (emoji / SVG simgesi / Malzeme) Icons fotoğrafları**.
6. **İletişim**: "İLETİŞİME GEÇİN" + "BENİ VURUN!" 标题 → 下方左侧 3–4 行小字 + 邮箱 + 社媒 → 中间一张矩形或椭圆图 →右侧再来一颗椭圆手写气泡 + 半色调红色复古电脑/电话插画。背景:米杏。
7. **Altbilgi Kahramanı**:再次让巨型手写体品牌名横跨全宽出现一遍（同 Hero叠化逻辑:底部插画/装饰元素遮挡品牌名顶部）→ 右上一颗椭圆手写气泡 → 底部小字 "Şartlar ve Destek · Gizlilik Politika · Şununla tasarlandı: [品牌]":
如果用户砍掉了某个区块就跳过，不要硬塞；但顺序不能乱。
**Adım 3 · 准备图片资产（用户没传就自己生）**
kısa:
-用户**已上传**图片:直接用,但提醒用户照片需要满足「暖色调,复古胶片感、人物穿砖红/酒红色、有麦克风/绿幕/红绒布等录制场景元素」之一才不会跳戏。不满足就在下一步靠装饰图救场。
- 用户**未上传**: createdImage 6 张（每张独立调用, istem必须按下面写法精确控制风格,否则出图不对味):
**A. 主体肖像图（Hero 用，椭圆裁切）**
```
1970'lerden kalma vintage bir dergi kapağı portre fotoğrafı; toprak kırmızısı bir blazer ceket giyen, elinde retro krom bir mikrofon tutan kadın, koyu lacivert veya kırmızı kadife perde fonu, sıcak tungsten aydınlatma, yumuşak film greni, inci kolye, kırmızı ruj, aşağıya veya yana bakıyor, dergi kapağı kompozisyonu, soluk sıcak renk paleti, 35 mm filmle çekilmiş, dikey 3:4
```
**B.区椭圆图（桌面录制场景） hakkında**
```
Eski tarz podcast kayıt masası, retro krom mikrofon, senaryo kağıtları üzerinde gözlükler, bir bardak su, arka planda yeşil kadife perde, sıcak ahşap yüzey, 1970'ler editoryal tarzı, yumuşak sıcak aydınlatma, film greni, toprak rengi ve orman yeşili renk paleti, 3:4
```
**C / D. Late Drops 两张卡片图（与 kısa 主题相关）**
根据用户的两个 "en son düşüş" 标题分别生成。例如标题是 "retro video oyunları" → 一只手拿着粉色任天堂 3DS在窗帘前的复古照片。要求:复古胶片质感、暖色调、构图竖向 3:4。
**E. Neden 区椭圆图 ×2（不同视角的人物近景）**
```
Kırmızı blazer ceket giymiş, kulağına retro turuncu çevirmeli telefon tutan bir kadının yakın çekim vintage editoryal fotoğrafı; yeşil kadife perde arka planı, sıcak 70'ler aydınlatması, film greni, 3:4
```
+
```
Eski bir daktiloda yazı yazan, kırmızı kollu bir kadının ellerinin yakın çekimi; sıcak ahşap masa, film greni, 70'ler dergi kapağı havası, 3:4
```
**F. 4–5 Bir Yorum Yazın
这一组是风格灵魂，每个独立生成，**必须用 gemini-3.1-flash-image-preview 模型**（GPT Image 处理透明 alpha İstemi:
```
[Nesne]nin tuğla kırmızısı noktalarla oluşturulmuş, 1970'lerin vintage dergi baskı tarzında, görünür yarım ton nokta deseni içeren, nesnenin tamamen şeffaf bir arka plan üzerinde alfa kanalıyla izole edildiği, arka plan dolgusu olmayan, PNG kesim stili, basit düz kompozisyonlu, sadece kırmızı noktaların görünür olduğu, geri kalan her şeyin şeffaf olduğu yarım tonlu duotone illüstrasyonu.
```
[nesne]: megafon (喇叭)/ kulaklık (耳机)/ kırmızı dudaklar (嘴唇)/ zürafa kafası (长颈鹿头)/ retro tüp TV veya 1980'lerin masaüstü bilgisayarı bilgisayar (bilgisayar).
**保险措施**:即使用了正确的 komut istemi，模型可能仍然给出米白底而非真透明。所以在 Adım 4 CSS里**必须给所有半色调装饰图加 `karıştırma-harmanlama modu: karartmak;`**
URL 收集到一个清单里，标注每张图归属哪个区块。
**Adım 4 · createdWebpage'i oluşturun (DNA'yı hazırlayın)**
GenerateWebpage，prompt 里**完整粘贴**下面这份 Style DNA，再附上 1. Adım kısa kısa ve 3. Adım kısa olarak as_artifact: true。
---
**[Stil DNA'sı · 必须严格遵守】**
**色板(CSS kodu)**:
- `--rose`: #F4A8A0（顶部玫粉，Hero 与 Footer 背景）
- `--cream`: #E5DCC2（中段米杏，Hakkında / En Son / Neden / İletişim Bilgileri）
- `--tuğla`: #B8472D（标题/导航文字/装饰描边）
- `--mürekkep`: #2C1810（正文小字）
- `--krem rengi`: #F2EBD8（气泡内部填充）
Kahraman顶部到画布顶上沿带一点紫灰晕染（rgba(150,140,180,0.25) 径向渐变到 rose）,呼应原稿。
**Google Fonts CDN'yi destekleyin **:
- 显示字体（品牌名、所有椭圆气泡里的手写台词）: ``"Sail"` 或 `"Pacifico"` 或 `"Merhaba Başlık"`,要丰满有圈、复古糖果感。品牌名字号要爆炸大,masaüstü 至少 18vw,溢出感强。
- 标题/导航/正文小字: ``"Oswald"` 或 `"Bebas Neue"`,全部 `text-transform: büyük harf`,字距 `harf aralığı: 0,06em`。正文小字12–13 piksel, 1.4 piksel.
- Bir başkası daha var.
**Hero 叠化的精确实现（不能省略，不能改）**:
- Kahraman bölümü `100vh` veya `95vh`, `konum: göreceli` + `taşma: gizli` şeklindedir.
- 椭圆人像图:`pozisyon: mutlak`,水平居中（`sol: %50; transform:translateX(-50%)`，垂直方向 `top: 5vh`,高度约 `70vh`,宽度按 3:4 比例计算（约 `52vh`）,`z-index: 2``kenar yarıçapı: %50 / %60``,`nesneye sığdırma: kapak`。
- 巨型品牌名:`pozisyon: mutlak`,水平居中,垂直方向`üst: 50vh`(**关键**):这个数值要让文字的顶部边线落在人像的纵向中部偏下区域,而不是人像下方）。`font-size: 28vw`,`line-height: 0,85`,`color: var(--cream-light)`,`z-index: 1`(**比人像低**),``boşluk: nowrap``.
- 检查标准: 渲染后人像的 alpha通道（人像椭圆边缘）必须能切掉品牌名上半截字形。如果品牌名整行都看得到完整字母,调小`top' 值(让字往上挪)或增加人像高度。
- 椭圆台词气泡:`pozisyon: mutlak; sağ: %6; üst: %25; z-endeksi: 3`
- 半色调装饰图（喇叭等）:`pozisyon: mutlak; sağ: %3; üst: %10`, 140 piksel, **karışık karışım modu: koyulaştır**.
- Hero 区不要用 flex/grid 把元素排成行列——元素之间是绝对定位的叠加关系。.
**布局法则（其他区块）**:
- 内容容器最大宽 1280px,居中。
- 区块之间用 `kenarlık üstü: 1 piksel kesikli var(--brick)' `横线分隔。
- Ek bilgi: "sınır yarıçapı: %50 / %60"
- Not: `border-radius: 50% / 70%`,背景 `var(--cream-light)`,描边 `1 piksel kesikli var(--brick)`,内边距充足,气泡里的字用显示字体 +brick 色 + 斜体。
- 气泡和它指向的元素之间画一条**虚线连接线** (CSS: `border-left: 1px dashed var(--brick)` 配 `pozisyon: mutlak` ，长度60–120 piksel)
- 半色调装饰图固定出现在区块的角落（左下、右上交替）,尺寸 120–180px,**全部加'karışım-harmanlama modu: koyulaştırma'**.
**Neden?
- 3. Adım Adım 生成的两张 Neden 真实人物椭圆照片，左右并排放在区块顶部.
- **禁止**用 emoji, Malzeme Simgesi, Harika Yazı Tipi simgesi 等任何通用 simgesi 替代照片或填充 "özellik 卡片"。这个风格不存在 "özellik 卡片" Evet.
- 4 列正文是横向多列文字流, 4 个图标卡 fotoğrafları。
**başka bir deyişle**:
- Gezinti, bölüm etiketi, kart başlığı, başlık ve HEPSİ BÜYÜK HARFLER'dir.
- 正文小字段落用多列（CSS 'sütun sayısı: 3' ve 'sütun sayısı: 4')
- `var(--brick)` yerine `var(--ink)` kullanılır.
**页脚**:保留 "Şartlar ve Destek · Gizlilik Politikası · Design with [品牌名]" 三行小字，左下角对齐，米杏色。
**响应式**:移动端品牌字号降到 28vw（保持）,多列正文降到单列,椭圆图缩到 70%宽度居中，装饰图缩到 80px 并保留位置。Hero 叠化在移动端依然成立——人像高度可以缩到50vh, üst düzey 35vh güç kablosu.
---
Kısa bir özet 7 段文案、图片 URL 清单（标注每张归属）一起塞进 createdWebpage istemi,让它一次出页。
**Adım 5 · Adım + Adım**
生成完后，把 web sayfası 链接给用户，然后用一句话主动给出 3 Başka bir deyişle:
1. 换主体肖像图（重新跑 Adım 3 的 A 图，换一种姿态/服装）
2. 调色板偏移（比如把玫粉换成蜜桃,米杏换成淡薄荷——保持双色块结构,只换色值）
3. Adım / Adım / Adım 2 Adım 7 Adım 7 Adım)
用户选了哪一项就只重跑对应步骤,不要全量重生。
Açıklama
Bu özellik, podcast yayıncıları, kişisel markalar veya benzersiz bir çevrimiçi varlık arayan küçük işletmeler için mükemmel, retro esintili, tek sayfalık özgün bir web sitesi oluşturur. Eski dergi düzenlerinin ve 1970'lerin editoryal tasarımının estetiğini yakalar. Kullanıcılar marka adlarını, akılda kalıcı bir sloganı ve "Hakkımızda", "Son Yayınlar" ve "İletişim" gibi çeşitli bölümler için içerik sağlayabilirler. Ardından özellik, akıllıca bir şekilde eksiksiz, görsel açıdan zengin bir web sayfası oluşturur. Temel özellikler arasında, üst üste binen metin ve görseller içeren çarpıcı bir "Kahraman" bölümü, dinamik içerik blokları ve özel gezinme yer alır. Ayrıca, kullanıcı kendi görsellerini sağlamazsa, yarım tonlu dekoratif öğeler ve döneme uygun fotoğraflar da dahil olmak üzere tutarlı bir vintage görünüm için yapay zeka destekli görüntü oluşturma özelliği sunar. Süreç, web sitesi tercihlerinizi ve içeriğinizi toplamayı ve ardından belirli bir görsel dile uyan tam sayfa bir tasarım oluşturmayı içerir. Son çıktı, benzersiz bir URL'ye sahip, paylaşmaya hazır canlı bir web sayfasıdır. Kullanıcılar ayrıca ana görselleri değiştirmek, renk paletini ayarlamak veya bölümlerin sırasını değiştirmek gibi hızlı düzenlemeler yapma seçeneklerine de sahip olarak, nihai sitenin vizyonlarına mükemmel şekilde uymasını sağlayabilirler.
Bu beceriyi neden öneriyoruz
Bu beceri, podcast yayıncıları ve küçük markalar için mükemmel olan, benzersiz katmanlı bir ana sayfa bölümüne sahip, canlı ve retro temalı bir web sitesi oluşturur. Kendine özgü vintage estetiği ve titiz tasarım detayları, onu gerçekten öne çıkarır.
İlgili beceriler
Tümünü gör
Parçacık animasyonu sunumu (HTML)
Bu beceri, yeni bir ürünü, bir sanatçının portföyünü veya dijital bir kartviziti sergilemek için ideal olan, çarpıcı siyah beyaz, fütüristik bir estetiğe sahip şık, tek sayfalık bir web sitesi oluşturur. Geleneksel web sitesi geliştirmenin karmaşıklığı olmadan görsel olarak etkileyici bir çevrimiçi varlığa ihtiyaç duyan bireyler veya işletmeler için tasarlanmıştır. Beceri, her biri minimalist tipografi ve yüksek kontrastlı öğelerle dikkat çekmek üzere tasarlanmış, 4-5 adet sorunsuz kaydırılabilen bölüm içeren, kendi kendine yeten bir HTML dosyası üretir. Arka plan, akan parçacıklar veya ince gürültü gradyanları gibi özel olarak kodlanmış, tek renkli bir animasyonla canlanır ve harici medyaya ihtiyaç duymadan dinamik, yüksek teknoloji bir atmosfer yaratır. Sayfa yüklendiğinde, ziyaretçileri ilgi çekici bir kahraman animasyonuyla karşılar: bir kaş metni yazılır, ardından ana başlık için dramatik bir "karıştırma" efekti ve alt başlık için yumuşak bir geçiş efekti gelir. Daha sonraki bölümlerdeki içerik, kullanıcı kaydırdıkça zarif bir şekilde görünür ve akıcı ve sürükleyici bir deneyim sağlar. Kullanıcı tarafından sağlanan tüm resimler, tutarlı görsel temayı korumak için otomatik olarak gri tonlamaya dönüştürülür. Son çıktı, tek bir kullanıma hazır HTML dosyası olarak sunulan, duyarlı, erişilebilir ve yüksek performanslı bir web sayfasıdır.
GörselYouMind Açılış Sayfası Stil Posteri
YouMind Açılış Sayfası Stili Poster ile içeriğinizi çarpıcı bir görsel anlatıya dönüştürün. Bu beceri, benzersiz bir Doğal Retro-Fütürizm estetiğiyle dikkat çeken güzel infografik posterler oluşturur. Önemli verileri, proje öne çıkanlarını veya ürün özelliklerini sergilemek için mükemmel olan bu beceri, bilgilerinizi sofistike ve kolayca anlaşılabilir bir formatta sunar. Açık gri-mavi taban ve ince bej-şeftali vurgularıyla dengeli bir soğuk-sıcak renk paletinden yararlanan her poster, modern bir kullanıcı arayüzü hissi uyandırır. Başlıklar için otoriter Source Han Serif ve gövde metni için temiz sans-serif yazı tipiyle zarif tipografi bekleyin, böylece okunabilirlik sağlanır. Düzen, içeriğinizi görsel olarak ilgi çekici, yumuşak kenarlı kartlara yerleştiren ve dağınık tasarımlardan kaçınan dinamik bir Bento ızgarası kullanır. Çarpıcı görsellerin ötesinde, bu beceri, tekdüze ince film greni, empresyonist işleme ve veri noktalarınız için isteğe bağlı buzlu cam simgeleri gibi ince tasarım öğelerini entegre eder. Zarif bir vurgu için tek, yarı saydam üçgen prizma eklenebilirken, YouMind'ın resmi logosu marka tutarlılığını korumak için her zaman göze batmayan bir şekilde yerleştirilir. Bu, mesajınızı etkili bir şekilde ileten profesyonel, ferah ve modern bir infografik ortaya çıkarır.
Düğün RSVP'si
Bu özellik, modern ve sofistike bir çevrimiçi davetiye arayan çiftler için mükemmel, şık, editoryal temalı tek sayfalık bir düğün veya etkinlik web sitesi oluşturur. Geleneksel şablonların ötesine geçerek özel günleri için farklı bir dijital varlık isteyen herkes için tasarlanmıştır. Bu özellik, temiz beyaz bir arka plan, büyük boyutlu sans-serif yazı tipi ve sıcak kırmızı vurgular içeren, üst düzey editoryal tasarımdan ilham alan benzersiz bir estetiği yakalar. Sağladığınız görselleri entegre edebilir veya imza niteliğindeki kırmızı beyzbol şapkası takan bir çifti, sıcak altın saat ışığıyla kentsel veya bahçe arka planlarına karşı gösteren iki sinematik, Wes Anderson tarzı görsel (kahraman banner ve hikaye görseli) oluşturabilir. Kullanıcılar sadece isimler, etkinlik tarihi ve konum gibi temel bilgileri girer. Ardından özellik, sabit bir gezinme çubuğu, belirgin bir kahraman bölümü, bir RSVP formu, özel bir "Hikayemiz" bölümü, etkinlik ayrıntıları ve iletişim bilgileri de dahil olmak üzere eksiksiz, duyarlı bir web sayfası oluşturur. Son çıktı, gerekirse daha da özelleştirilebilen, kullanıma hazır bir HTML web sayfasıdır.
Pembe retro podcast sitesi
For profile, small brands, and event landing page.
Talimatlar
**Adım 1 · Kısa Özet(一次问完,宁多勿少)**
askUserQuestion'ın kullanımı:
1. 网站主题/用途（播客 / 个人主页 / 小品牌 / 活动页 / 其他——用户描述即可）
2. 品牌名（会作为巨型手写体出现,建议 ≤12 字符英文或 ≤6 字中文）
3. 招牌台词 / slogan (会出现在椭圆手写气泡里,可中可英可)西语，越个性越好；用户没想法就根据主题代写一句）
4. 导航 + 区块（默认:Hakkında / Son Droplar / İletişim / Abone Ol，用户可加可减）
5.各区块文案（用户没准备就自动按主题填占位文案,语气要俏皮,第一人称,带点自嘲）
6. Beceri ve Beceri Karşılaştırması: Beceri ve Beceri Karşılaştırması
7. 邮箱、社媒 tanıtıcının tanıtılması hola@example.com / @example）
用户回复后，把所有字段整理进一个内部 kısa 备用，下面所有步骤都从这个 kısa取数, 不要再回头追问.
**Adım 2 · Adım 7: Adım**
这个风格的页面结构是固定的,不要发明新结构。把 kısa 里的内容硬塞进下面:
1. **Üst Gezinme**:左侧品牌名（小字 tümü büyük harflerle）+ 右侧 3–4个导航链接（tümü büyük harfle,下划虚线）。背景延续顶部玫粉色。
2. **Hero（核心叠化效果，最关键的一段，不能做成上下堆叠）**:椭圆裁切的人物/主体大图 +巨型手写体品牌名横跨整宽。**这两者必须在垂直方向上真正重叠**——品牌名的顶部 1/3 到1/2 被人像的下半部分遮挡，呈现「字从人像背后钻出来」的报刊封面感。判断标准:在最终截图上,品牌名顶端的字母（如L、l 的圆头、k 的上划）应该被人像 alpha 通道盖住,看不到完整字形。如果能完整看到品牌名所有字母,就是失败的堆叠,必须重做。→右上角浮一颗椭圆手写台词气泡 + 一个半色调红色复古小物（喇叭/麦克风/耳机三选一）。背景:玫粉。
3. **Hakkında**:左侧大写小标题 "HAKKIMIZDA"（红色）+ 右侧大段副标题（红色 tamamı büyük harf,2 行换行）→下方左侧椭圆图 + 椭圆手写气泡（再叠一个半色调红色装饰，比如嘴唇）→ 右侧 3 Bu, bir başka deyişle: 米杏.
4. **Son Düşüşler / Öne Çıkanlar**: "THE LATEST DROPS"（或对应主题词）+ 两张高瘦矩形卡片,卡片标题用 tamamı büyük harf黑色压在图片下半部。卡片上方各有 "X. SEZON BÖLÜM Y"形式的小字说明（横虚线分隔）。左侧再来一颗椭圆手写气泡 + Bir başka deyişle, bir başka deyişle:
5. **Neden / Misyon**:顶部左右并排两张椭圆图（用 Why 区生成的两张人物近景照片，不要用 simgesi 替代）→大写小标题 "NEDEN AYARLANMALISINIZ?" → 4 列等宽小字正文（每列一段，问句结尾）→ 右侧椭圆手写气泡 "Posta listeme katıl" 形式 +半色调红色复古插画（比如长颈鹿或猫）。背景:米杏。**禁止用通用 simgesi (emoji / SVG simgesi / Malzeme) Icons fotoğrafları**.
6. **İletişim**: "İLETİŞİME GEÇİN" + "BENİ VURUN!" 标题 → 下方左侧 3–4 行小字 + 邮箱 + 社媒 → 中间一张矩形或椭圆图 →右侧再来一颗椭圆手写气泡 + 半色调红色复古电脑/电话插画。背景:米杏。
7. **Altbilgi Kahramanı**:再次让巨型手写体品牌名横跨全宽出现一遍（同 Hero叠化逻辑:底部插画/装饰元素遮挡品牌名顶部）→ 右上一颗椭圆手写气泡 → 底部小字 "Şartlar ve Destek · Gizlilik Politika · Şununla tasarlandı: [品牌]":
如果用户砍掉了某个区块就跳过，不要硬塞；但顺序不能乱。
**Adım 3 · 准备图片资产（用户没传就自己生）**
kısa:
-用户**已上传**图片:直接用,但提醒用户照片需要满足「暖色调,复古胶片感、人物穿砖红/酒红色、有麦克风/绿幕/红绒布等录制场景元素」之一才不会跳戏。不满足就在下一步靠装饰图救场。
- 用户**未上传**: createdImage 6 张（每张独立调用, istem必须按下面写法精确控制风格,否则出图不对味):
**A. 主体肖像图（Hero 用，椭圆裁切）**
```
1970'lerden kalma vintage bir dergi kapağı portre fotoğrafı; toprak kırmızısı bir blazer ceket giyen, elinde retro krom bir mikrofon tutan kadın, koyu lacivert veya kırmızı kadife perde fonu, sıcak tungsten aydınlatma, yumuşak film greni, inci kolye, kırmızı ruj, aşağıya veya yana bakıyor, dergi kapağı kompozisyonu, soluk sıcak renk paleti, 35 mm filmle çekilmiş, dikey 3:4
```
**B.区椭圆图（桌面录制场景） hakkında**
```
Eski tarz podcast kayıt masası, retro krom mikrofon, senaryo kağıtları üzerinde gözlükler, bir bardak su, arka planda yeşil kadife perde, sıcak ahşap yüzey, 1970'ler editoryal tarzı, yumuşak sıcak aydınlatma, film greni, toprak rengi ve orman yeşili renk paleti, 3:4
```
**C / D. Late Drops 两张卡片图（与 kısa 主题相关）**
根据用户的两个 "en son düşüş" 标题分别生成。例如标题是 "retro video oyunları" → 一只手拿着粉色任天堂 3DS在窗帘前的复古照片。要求:复古胶片质感、暖色调、构图竖向 3:4。
**E. Neden 区椭圆图 ×2（不同视角的人物近景）**
```
Kırmızı blazer ceket giymiş, kulağına retro turuncu çevirmeli telefon tutan bir kadının yakın çekim vintage editoryal fotoğrafı; yeşil kadife perde arka planı, sıcak 70'ler aydınlatması, film greni, 3:4
```
+
```
Eski bir daktiloda yazı yazan, kırmızı kollu bir kadının ellerinin yakın çekimi; sıcak ahşap masa, film greni, 70'ler dergi kapağı havası, 3:4
```
**F. 4–5 Bir Yorum Yazın
这一组是风格灵魂，每个独立生成，**必须用 gemini-3.1-flash-image-preview 模型**（GPT Image 处理透明 alpha İstemi:
```
[Nesne]nin tuğla kırmızısı noktalarla oluşturulmuş, 1970'lerin vintage dergi baskı tarzında, görünür yarım ton nokta deseni içeren, nesnenin tamamen şeffaf bir arka plan üzerinde alfa kanalıyla izole edildiği, arka plan dolgusu olmayan, PNG kesim stili, basit düz kompozisyonlu, sadece kırmızı noktaların görünür olduğu, geri kalan her şeyin şeffaf olduğu yarım tonlu duotone illüstrasyonu.
```
[nesne]: megafon (喇叭)/ kulaklık (耳机)/ kırmızı dudaklar (嘴唇)/ zürafa kafası (长颈鹿头)/ retro tüp TV veya 1980'lerin masaüstü bilgisayarı bilgisayar (bilgisayar).
**保险措施**:即使用了正确的 komut istemi，模型可能仍然给出米白底而非真透明。所以在 Adım 4 CSS里**必须给所有半色调装饰图加 `karıştırma-harmanlama modu: karartmak;`**
URL 收集到一个清单里，标注每张图归属哪个区块。
**Adım 4 · createdWebpage'i oluşturun (DNA'yı hazırlayın)**
GenerateWebpage，prompt 里**完整粘贴**下面这份 Style DNA，再附上 1. Adım kısa kısa ve 3. Adım kısa olarak as_artifact: true。
---
**[Stil DNA'sı · 必须严格遵守】**
**色板(CSS kodu)**:
- `--rose`: #F4A8A0（顶部玫粉，Hero 与 Footer 背景）
- `--cream`: #E5DCC2（中段米杏，Hakkında / En Son / Neden / İletişim Bilgileri）
- `--tuğla`: #B8472D（标题/导航文字/装饰描边）
- `--mürekkep`: #2C1810（正文小字）
- `--krem rengi`: #F2EBD8（气泡内部填充）
Kahraman顶部到画布顶上沿带一点紫灰晕染（rgba(150,140,180,0.25) 径向渐变到 rose）,呼应原稿。
**Google Fonts CDN'yi destekleyin **:
- 显示字体（品牌名、所有椭圆气泡里的手写台词）: ``"Sail"` 或 `"Pacifico"` 或 `"Merhaba Başlık"`,要丰满有圈、复古糖果感。品牌名字号要爆炸大,masaüstü 至少 18vw,溢出感强。
- 标题/导航/正文小字: ``"Oswald"` 或 `"Bebas Neue"`,全部 `text-transform: büyük harf`,字距 `harf aralığı: 0,06em`。正文小字12–13 piksel, 1.4 piksel.
- Bir başkası daha var.
**Hero 叠化的精确实现（不能省略，不能改）**:
- Kahraman bölümü `100vh` veya `95vh`, `konum: göreceli` + `taşma: gizli` şeklindedir.
- 椭圆人像图:`pozisyon: mutlak`,水平居中（`sol: %50; transform:translateX(-50%)`，垂直方向 `top: 5vh`,高度约 `70vh`,宽度按 3:4 比例计算（约 `52vh`）,`z-index: 2``kenar yarıçapı: %50 / %60``,`nesneye sığdırma: kapak`。
- 巨型品牌名:`pozisyon: mutlak`,水平居中,垂直方向`üst: 50vh`(**关键**):这个数值要让文字的顶部边线落在人像的纵向中部偏下区域,而不是人像下方）。`font-size: 28vw`,`line-height: 0,85`,`color: var(--cream-light)`,`z-index: 1`(**比人像低**),``boşluk: nowrap``.
- 检查标准: 渲染后人像的 alpha通道（人像椭圆边缘）必须能切掉品牌名上半截字形。如果品牌名整行都看得到完整字母,调小`top' 值(让字往上挪)或增加人像高度。
- 椭圆台词气泡:`pozisyon: mutlak; sağ: %6; üst: %25; z-endeksi: 3`
- 半色调装饰图（喇叭等）:`pozisyon: mutlak; sağ: %3; üst: %10`, 140 piksel, **karışık karışım modu: koyulaştır**.
- Hero 区不要用 flex/grid 把元素排成行列——元素之间是绝对定位的叠加关系。.
**布局法则（其他区块）**:
- 内容容器最大宽 1280px,居中。
- 区块之间用 `kenarlık üstü: 1 piksel kesikli var(--brick)' `横线分隔。
- Ek bilgi: "sınır yarıçapı: %50 / %60"
- Not: `border-radius: 50% / 70%`,背景 `var(--cream-light)`,描边 `1 piksel kesikli var(--brick)`,内边距充足,气泡里的字用显示字体 +brick 色 + 斜体。
- 气泡和它指向的元素之间画一条**虚线连接线** (CSS: `border-left: 1px dashed var(--brick)` 配 `pozisyon: mutlak` ，长度60–120 piksel)
- 半色调装饰图固定出现在区块的角落（左下、右上交替）,尺寸 120–180px,**全部加'karışım-harmanlama modu: koyulaştırma'**.
**Neden?
- 3. Adım Adım 生成的两张 Neden 真实人物椭圆照片，左右并排放在区块顶部.
- **禁止**用 emoji, Malzeme Simgesi, Harika Yazı Tipi simgesi 等任何通用 simgesi 替代照片或填充 "özellik 卡片"。这个风格不存在 "özellik 卡片" Evet.
- 4 列正文是横向多列文字流, 4 个图标卡 fotoğrafları。
**başka bir deyişle**:
- Gezinti, bölüm etiketi, kart başlığı, başlık ve HEPSİ BÜYÜK HARFLER'dir.
- 正文小字段落用多列（CSS 'sütun sayısı: 3' ve 'sütun sayısı: 4')
- `var(--brick)` yerine `var(--ink)` kullanılır.
**页脚**:保留 "Şartlar ve Destek · Gizlilik Politikası · Design with [品牌名]" 三行小字，左下角对齐，米杏色。
**响应式**:移动端品牌字号降到 28vw（保持）,多列正文降到单列,椭圆图缩到 70%宽度居中，装饰图缩到 80px 并保留位置。Hero 叠化在移动端依然成立——人像高度可以缩到50vh, üst düzey 35vh güç kablosu.
---
Kısa bir özet 7 段文案、图片 URL 清单（标注每张归属）一起塞进 createdWebpage istemi,让它一次出页。
**Adım 5 · Adım + Adım**
生成完后，把 web sayfası 链接给用户，然后用一句话主动给出 3 Başka bir deyişle:
1. 换主体肖像图（重新跑 Adım 3 的 A 图，换一种姿态/服装）
2. 调色板偏移（比如把玫粉换成蜜桃,米杏换成淡薄荷——保持双色块结构,只换色值）
3. Adım / Adım / Adım 2 Adım 7 Adım 7 Adım)
用户选了哪一项就只重跑对应步骤,不要全量重生。
Açıklama
Bu özellik, podcast yayıncıları, kişisel markalar veya benzersiz bir çevrimiçi varlık arayan küçük işletmeler için mükemmel, retro esintili, tek sayfalık özgün bir web sitesi oluşturur. Eski dergi düzenlerinin ve 1970'lerin editoryal tasarımının estetiğini yakalar. Kullanıcılar marka adlarını, akılda kalıcı bir sloganı ve "Hakkımızda", "Son Yayınlar" ve "İletişim" gibi çeşitli bölümler için içerik sağlayabilirler. Ardından özellik, akıllıca bir şekilde eksiksiz, görsel açıdan zengin bir web sayfası oluşturur. Temel özellikler arasında, üst üste binen metin ve görseller içeren çarpıcı bir "Kahraman" bölümü, dinamik içerik blokları ve özel gezinme yer alır. Ayrıca, kullanıcı kendi görsellerini sağlamazsa, yarım tonlu dekoratif öğeler ve döneme uygun fotoğraflar da dahil olmak üzere tutarlı bir vintage görünüm için yapay zeka destekli görüntü oluşturma özelliği sunar. Süreç, web sitesi tercihlerinizi ve içeriğinizi toplamayı ve ardından belirli bir görsel dile uyan tam sayfa bir tasarım oluşturmayı içerir. Son çıktı, benzersiz bir URL'ye sahip, paylaşmaya hazır canlı bir web sayfasıdır. Kullanıcılar ayrıca ana görselleri değiştirmek, renk paletini ayarlamak veya bölümlerin sırasını değiştirmek gibi hızlı düzenlemeler yapma seçeneklerine de sahip olarak, nihai sitenin vizyonlarına mükemmel şekilde uymasını sağlayabilirler.
Bu beceriyi neden öneriyoruz
Bu beceri, podcast yayıncıları ve küçük markalar için mükemmel olan, benzersiz katmanlı bir ana sayfa bölümüne sahip, canlı ve retro temalı bir web sitesi oluşturur. Kendine özgü vintage estetiği ve titiz tasarım detayları, onu gerçekten öne çıkarır.
İlgili beceriler
Tümünü görParçacık animasyonu sunumu (HTML)
Bu beceri, yeni bir ürünü, bir sanatçının portföyünü veya dijital bir kartviziti sergilemek için ideal olan, çarpıcı siyah beyaz, fütüristik bir estetiğe sahip şık, tek sayfalık bir web sitesi oluşturur. Geleneksel web sitesi geliştirmenin karmaşıklığı olmadan görsel olarak etkileyici bir çevrimiçi varlığa ihtiyaç duyan bireyler veya işletmeler için tasarlanmıştır. Beceri, her biri minimalist tipografi ve yüksek kontrastlı öğelerle dikkat çekmek üzere tasarlanmış, 4-5 adet sorunsuz kaydırılabilen bölüm içeren, kendi kendine yeten bir HTML dosyası üretir. Arka plan, akan parçacıklar veya ince gürültü gradyanları gibi özel olarak kodlanmış, tek renkli bir animasyonla canlanır ve harici medyaya ihtiyaç duymadan dinamik, yüksek teknoloji bir atmosfer yaratır. Sayfa yüklendiğinde, ziyaretçileri ilgi çekici bir kahraman animasyonuyla karşılar: bir kaş metni yazılır, ardından ana başlık için dramatik bir "karıştırma" efekti ve alt başlık için yumuşak bir geçiş efekti gelir. Daha sonraki bölümlerdeki içerik, kullanıcı kaydırdıkça zarif bir şekilde görünür ve akıcı ve sürükleyici bir deneyim sağlar. Kullanıcı tarafından sağlanan tüm resimler, tutarlı görsel temayı korumak için otomatik olarak gri tonlamaya dönüştürülür. Son çıktı, tek bir kullanıma hazır HTML dosyası olarak sunulan, duyarlı, erişilebilir ve yüksek performanslı bir web sayfasıdır.
GörselYouMind Açılış Sayfası Stil Posteri
YouMind Açılış Sayfası Stili Poster ile içeriğinizi çarpıcı bir görsel anlatıya dönüştürün. Bu beceri, benzersiz bir Doğal Retro-Fütürizm estetiğiyle dikkat çeken güzel infografik posterler oluşturur. Önemli verileri, proje öne çıkanlarını veya ürün özelliklerini sergilemek için mükemmel olan bu beceri, bilgilerinizi sofistike ve kolayca anlaşılabilir bir formatta sunar. Açık gri-mavi taban ve ince bej-şeftali vurgularıyla dengeli bir soğuk-sıcak renk paletinden yararlanan her poster, modern bir kullanıcı arayüzü hissi uyandırır. Başlıklar için otoriter Source Han Serif ve gövde metni için temiz sans-serif yazı tipiyle zarif tipografi bekleyin, böylece okunabilirlik sağlanır. Düzen, içeriğinizi görsel olarak ilgi çekici, yumuşak kenarlı kartlara yerleştiren ve dağınık tasarımlardan kaçınan dinamik bir Bento ızgarası kullanır. Çarpıcı görsellerin ötesinde, bu beceri, tekdüze ince film greni, empresyonist işleme ve veri noktalarınız için isteğe bağlı buzlu cam simgeleri gibi ince tasarım öğelerini entegre eder. Zarif bir vurgu için tek, yarı saydam üçgen prizma eklenebilirken, YouMind'ın resmi logosu marka tutarlılığını korumak için her zaman göze batmayan bir şekilde yerleştirilir. Bu, mesajınızı etkili bir şekilde ileten profesyonel, ferah ve modern bir infografik ortaya çıkarır.
Düğün RSVP'si
Bu özellik, modern ve sofistike bir çevrimiçi davetiye arayan çiftler için mükemmel, şık, editoryal temalı tek sayfalık bir düğün veya etkinlik web sitesi oluşturur. Geleneksel şablonların ötesine geçerek özel günleri için farklı bir dijital varlık isteyen herkes için tasarlanmıştır. Bu özellik, temiz beyaz bir arka plan, büyük boyutlu sans-serif yazı tipi ve sıcak kırmızı vurgular içeren, üst düzey editoryal tasarımdan ilham alan benzersiz bir estetiği yakalar. Sağladığınız görselleri entegre edebilir veya imza niteliğindeki kırmızı beyzbol şapkası takan bir çifti, sıcak altın saat ışığıyla kentsel veya bahçe arka planlarına karşı gösteren iki sinematik, Wes Anderson tarzı görsel (kahraman banner ve hikaye görseli) oluşturabilir. Kullanıcılar sadece isimler, etkinlik tarihi ve konum gibi temel bilgileri girer. Ardından özellik, sabit bir gezinme çubuğu, belirgin bir kahraman bölümü, bir RSVP formu, özel bir "Hikayemiz" bölümü, etkinlik ayrıntıları ve iletişim bilgileri de dahil olmak üzere eksiksiz, duyarlı bir web sayfası oluşturur. Son çıktı, gerekirse daha da özelleştirilebilen, kullanıma hazır bir HTML web sayfasıdır.
Bir sonraki favori becerini bul
Araştırma, üretim ve günlük işler için özenle seçilmiş daha fazla AI becerisini keşfet.