簡潔的單色作品集網站
Best for design studio, branding agency and etc.
指令
第一步－確定品牌並撰寫內容（盡量減少詢問）。
首先載入稍後需要用到的延遲工具：呼叫 toolSearch 產生映像和網頁，以便在步驟 2 和 3 之前做好準備。
然後掃描使用者的訊息和任何 @引用，尋找：品牌/工作室名稱、品牌業務（重點）、標語、項目名稱、服務清單以及任何上傳/引用的圖像（追蹤這些以進行步驟 2 — 不要重新產生它們覆蓋的位置）。
提問規則（盡量簡潔－使用者偏好簡潔的互動）：
- 如果品牌名稱和品牌重點都缺失，則呼叫一次 askUserQuestion 函數，並批量提出兩個問題：
Q1 “工作室/品牌名稱？” — 選項包括“StudioNoir”、“Form & Field”、“Atelier 09”、“Object / Subject”。
Q2 「品牌是做什麼的？」－選項包括「設計機構」、「攝影工作室」、「建築公司」、「時裝品牌」、「個人作品集」。
- 如果只缺少一個，那就只問缺少的那個。
- 如果用戶訊息中同時存在這兩項，則不要詢問任何問題——直接進行下一步。
一旦確定了品牌名稱和定位，其餘部分就可以自行撰寫，無需再問任何問題。語氣：編輯風格，自信，簡潔，高端。文案要精煉──這種風格注重留白，而非冗長。
草稿：
標語：兩行簡短的文字，讀作一個短語，例如“設計/未來”、“構建/世界”、“打造/永恆”、“使其/持久”。每行1-2個字。換行時使用襯線斜體+襯線常規字體。
- 關於文案：約80字，兩段簡短的文字。提及公司創立時期（例如「自80年代起」），介紹幾項服務，並營造出擁有全球客戶/產業獎項的氛圍。
- 三個案例研究。每個案例研究：一個符合主題的自創項目名稱（對於設計機構，可重複使用“Schematiq”、“Commercial Co.”、“Sprig & Sky”等名稱；對於其他主題，選擇感覺相似的名稱），1-2 個服務標籤，一個約 30 個字的背景說明，一個約 30 個字的解決方案說明。
- 六個與重點相關的服務標籤（預設值：品牌活化、整合行銷、網站開發、影片製作、品牌識別、品牌策略 — 可根據非代理商的重點進行調整）。
- 結尾 CTA 標語（一行，約 10-14 個字），例如「提升您的品牌，在歷史上留下您的印記」。
- 頁尾項目：工作室名稱、「條款與支援」、「隱私權政策」。
將所有內容保存在記憶體中，以便執行步驟 3。暫時不要呼叫 generateWebpage 函數。
步驟 2 — 組合 6 張風格統一的單色影像。
插槽地圖：英雄、關於、項目1、項目2、項目3、功能。
A) 如果使用者已提供圖片（上傳的圖片、@引用、訊息中的URL），則依接收順序將其指派到對應的插槽位，並跳過這些插槽的產生。僅生成剩餘的槽位。
B) 對於每個空槽位，呼叫 generateImage。盡可能在單一工具批次中並行運行它們。
每個廣告位都必須採用固定的圖片風格：
純黑白照片。無任何色彩暈染、棕褐色調或雙色調處理。達到編輯/電影/高端雜誌的品質。六張照片對比和顆粒感一致。版面需要的地方留白充足。
槽位提示範本－將 [DISCIPLINE] 替換為步驟 1 中的品牌重點（例如「設計機構」、「攝影工作室」、「建築公司」），將 [DISCIPLINE_SUBJECT] 替換為適當的主題（例如，設計：紙雕/字體特寫；建築：陰影幾何；時尚：輪廓；攝影：靜物）：輪廓；攝影：靜物）：輪廓；
1. 主角（16:9 比例）： “[學科主題] 的電影級黑白照片，戲劇性的編輯構圖，簡潔的極簡主義單色美學，柔和的頂部光線，充足的留白，高級雜誌品質，無色彩，高對比度。”
2. 關於（4:3 比例）： “當代 [DISCIPLINE] 工作室內部的黑白紀實照片，大窗戶透進柔和的日光，極簡主義的桌子和工具，編輯報道風格，僅單色，高對比度。”
3. 項目_1（方面 1:1）： “品牌標識模型（名片、信箋、印刷文具）的黑白平鋪圖，置於乾淨的白色表面上，清晰的自上而下的編輯設計攝影，僅限單色。”
4. 項目_2（1:1 比例）：與[學科]相關的黑白極簡主義靜物畫（例如電影場記板、比例模型、造型產品），電影攝影棚燈光，銳利的陰影，僅限單色。
5. 項目_3（方面 1:1）： “黑白編輯生活方式攝影，與[DISCIPLINE]相關的極簡風格場景，高端雜誌美學，僅限單色。”
6. 特色（16:9 比例）：“與[學科]相關的寬幅黑白抽象構圖，戲劇性的視角，富有氛圍的單色編輯，無色彩。”
拿到全部六個 URL 後，按插槽標記每個 URL，然後繼續執行步驟 3。
步驟 3 — 建立網頁。
當呼叫 generateWebpage 函數時，請傳遞一個包含下列所有內容的詳細指令提示－執行 generateWebpage 的代理程式必須嚴格依照該提示執行。
--- 網頁提示字元開始 ---
創建一個簡潔的單色風格、可捲動瀏覽的長篇作品集網站。視覺效果必須嚴格遵循以下規則—不得偏離。
專屬配色方案（獨家－別處沒有其他顏色）：
- 白色背景：#FFFFFF
- 黑色墨水和文字：#000000
- 一個深色區域可能使用接近黑色的顏色：#0A0A0A
- 對所有 應用 CSS `filter: grayscale(1) contrast(1.02)` 作為安全措施，以確保所有導入的資源都保持嚴格的單色。
字體排印：
- 顯示：Google 字體「Fraunces」（使用字重 300 和 700，opsz 144）。強調的重點詞語可使用斜體。
- 正文：Google 字體 'Inter'（字重 400、500）。正文寬度 16–18px，行高約 1.6。
- 標題字體很大：clamp(56px, 12vw, 180px)。在顯示器上追蹤 -0.02em。
- 導覽、服務標籤和頁腳連結使用小型大寫字母（`text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px`）。
佈局節奏：
- 部分垂直內邊距：clamp(80px, 12vh, 200px)。
- 容器最大寬度：1280px，側邊槽夾緊（24px，6vw，96px）。
- 留白充足；不要過於擁擠。
相互作用：
- 頂部導覽列固定顯示，捲動時背景略微模糊。
- 藥丸按鈕：1px 實線 #000，透明填充，邊框半徑：9999px，內邊距 14px 28px。懸停時反轉為背景色 #000 + 顏色 #FFF，緩動時間 200ms。
- 在每個主要區塊上實現微妙的滾動觸發淡入效果 + 24px y 平移（交叉觀察者）。
- 服務行：滑鼠懸停滑動文字和箭頭向右 ~12px，200ms 緩動。
響應式：
- 低於 768px：標題縮小到約 64–88px，雙列網格折疊成單列，圖像在其內邊距內保持全出血。
各章（依此順序）：
1. 導覽（固定）：左上角為小型大寫字母的工作室名稱；右上角為「與我們合作」按鈕。
2. 主標題（全白）：分兩行顯示標題－第一行使用 Fraunces 斜體，第二行使用 Fraunces 常規字體－採用使用者標語。字體較大。右下角可選擇新增小型單色輔助圖片（此處可使用主標題圖片，或將其保留至下一部分）。底部有輕微的滾動提示。
3. 關於：標題為“關於[工作室]”，字體為700法文。六欄網格：左側為內文（第1-3欄），右側為4:3比例的圖片（第4-6欄）。兩個簡短的段落。
4. 章節標題：'我們的工作'，法文 700，大寫。
5. 案例研究 1：項目名稱（Fraunces 字體），服務標籤一行，採用小型大寫字母（以中間點「·」或空格分隔）。名稱下方：全寬項目圖片（使用 project_1，1:1 比例裁切為 16:9）。圖片下方：兩列網格－左列顯示超大數字“01”（Fraunces 300，clamp(100px, 18vw, 220px)），小型大寫字母標籤“背景”，以及約 30 個單字的正文。右列相同，顯示“02”和“解決方案”。
6. 案例研究 2：結構與 CS1 相同，但使用 project_2 影像。可以選擇反轉影像，使其位於帶有色調的灰白色帶子上——顏色必須嚴格保持在調色板範圍內。
7. 案例研究 3：結構相同，使用 project_3 影像。
8. 正片區域：全出血寬螢幕影像（使用 16:9 正片區域）。無文字疊加。
9. 我們的服務：標題「我們的服務」採用 700 號法文字體。下方是 6 個服務標籤的垂直清單。每行：上方 1 像素細線分隔符號 (#000)，左側為服務名稱（採用 36 像素、6 像素寬、80 像素寬的法文字本體），右側為「→」箭頭。指針遊標。滑鼠懸停時向右滑動。
10. CTA：全出血深色區域，背景色為#000。標題為“Massive Fraunces”，居中對齊，顏色為#FFF，使用CTA結尾標語。內邊距為clamp(120px, 20vh, 240px)。標題下方有「加入我們」按鈕（白色邊框，透明填充，滑鼠懸停時反轉為白色背景+黑色文字）。
11. 頁尾：白色背景，小型大寫字母。左側為工作室名稱，右側為連結（「條款與支援」、「隱私權政策」）。頂部極細邊框（#000，1像素）。第二行顯示極小的版權聲明。
圖片 — 將下方資料部分提供的 URL 插入對應的插槽。對每個 元素套用 object-fit: cover 和灰階安全濾鏡。請勿添加額外的裝飾性圖片。
數據－請將以下內容替換到頁面中：
- studio_name: <第一步驟中的工作室名稱>
- 標語：<步驟 1 的兩行標語，以斜線「/」分隔兩行顯示內容>
- about_copy: <關於步驟 1 中的段落>
- case_studies：包含三個元素的陣列 { name, tags[], background, solution }，取自步驟 1
- services：步驟 1 中的六個服務標籤字串數組
- cta_tagline: <第一步中的結束 CTA>
- 圖片：{ hero, about, project_1, project_2, project_3, feature } 從步驟 2
- footer_links: ['條款與支持', '隱私權政策']
--- 網頁提示結束 ---
呼叫 generateWebpage 時，將 as_artifact 參數設為 true。傳回結果後，以使用者首選語言提供一行摘要，並告知使用者可以要求替換圖片、更改文案或重新命名項目。
描述
產生一個簡潔的黑白編輯作品集網站。純黑白配色，超大襯線字體標題，編號的案例研究，以及大量的留白。如果沒有提供圖片，則自動產生六張風格統一的單色圖片。
為什麼我們推薦這個技能
這項技能可以創建高端的單色系網頁作品集，非常適合設計工作室或代理商。其編輯風格和極簡主義風格展現出精緻專業的美學。
簡潔的單色作品集網站
Best for design studio, branding agency and etc.
指令
第一步－確定品牌並撰寫內容（盡量減少詢問）。
首先載入稍後需要用到的延遲工具：呼叫 toolSearch 產生映像和網頁，以便在步驟 2 和 3 之前做好準備。
然後掃描使用者的訊息和任何 @引用，尋找：品牌/工作室名稱、品牌業務（重點）、標語、項目名稱、服務清單以及任何上傳/引用的圖像（追蹤這些以進行步驟 2 — 不要重新產生它們覆蓋的位置）。
提問規則（盡量簡潔－使用者偏好簡潔的互動）：
- 如果品牌名稱和品牌重點都缺失，則呼叫一次 askUserQuestion 函數，並批量提出兩個問題：
Q1 “工作室/品牌名稱？” — 選項包括“StudioNoir”、“Form & Field”、“Atelier 09”、“Object / Subject”。
Q2 「品牌是做什麼的？」－選項包括「設計機構」、「攝影工作室」、「建築公司」、「時裝品牌」、「個人作品集」。
- 如果只缺少一個，那就只問缺少的那個。
- 如果用戶訊息中同時存在這兩項，則不要詢問任何問題——直接進行下一步。
一旦確定了品牌名稱和定位，其餘部分就可以自行撰寫，無需再問任何問題。語氣：編輯風格，自信，簡潔，高端。文案要精煉──這種風格注重留白，而非冗長。
草稿：
標語：兩行簡短的文字，讀作一個短語，例如“設計/未來”、“構建/世界”、“打造/永恆”、“使其/持久”。每行1-2個字。換行時使用襯線斜體+襯線常規字體。
- 關於文案：約80字，兩段簡短的文字。提及公司創立時期（例如「自80年代起」），介紹幾項服務，並營造出擁有全球客戶/產業獎項的氛圍。
- 三個案例研究。每個案例研究：一個符合主題的自創項目名稱（對於設計機構，可重複使用“Schematiq”、“Commercial Co.”、“Sprig & Sky”等名稱；對於其他主題，選擇感覺相似的名稱），1-2 個服務標籤，一個約 30 個字的背景說明，一個約 30 個字的解決方案說明。
- 六個與重點相關的服務標籤（預設值：品牌活化、整合行銷、網站開發、影片製作、品牌識別、品牌策略 — 可根據非代理商的重點進行調整）。
- 結尾 CTA 標語（一行，約 10-14 個字），例如「提升您的品牌，在歷史上留下您的印記」。
- 頁尾項目：工作室名稱、「條款與支援」、「隱私權政策」。
將所有內容保存在記憶體中，以便執行步驟 3。暫時不要呼叫 generateWebpage 函數。
步驟 2 — 組合 6 張風格統一的單色影像。
插槽地圖：英雄、關於、項目1、項目2、項目3、功能。
A) 如果使用者已提供圖片（上傳的圖片、@引用、訊息中的URL），則依接收順序將其指派到對應的插槽位，並跳過這些插槽的產生。僅生成剩餘的槽位。
B) 對於每個空槽位，呼叫 generateImage。盡可能在單一工具批次中並行運行它們。
每個廣告位都必須採用固定的圖片風格：
純黑白照片。無任何色彩暈染、棕褐色調或雙色調處理。達到編輯/電影/高端雜誌的品質。六張照片對比和顆粒感一致。版面需要的地方留白充足。
槽位提示範本－將 [DISCIPLINE] 替換為步驟 1 中的品牌重點（例如「設計機構」、「攝影工作室」、「建築公司」），將 [DISCIPLINE_SUBJECT] 替換為適當的主題（例如，設計：紙雕/字體特寫；建築：陰影幾何；時尚：輪廓；攝影：靜物）：輪廓；攝影：靜物）：輪廓；
1. 主角（16:9 比例）： “[學科主題] 的電影級黑白照片，戲劇性的編輯構圖，簡潔的極簡主義單色美學，柔和的頂部光線，充足的留白，高級雜誌品質，無色彩，高對比度。”
2. 關於（4:3 比例）： “當代 [DISCIPLINE] 工作室內部的黑白紀實照片，大窗戶透進柔和的日光，極簡主義的桌子和工具，編輯報道風格，僅單色，高對比度。”
3. 項目_1（方面 1:1）： “品牌標識模型（名片、信箋、印刷文具）的黑白平鋪圖，置於乾淨的白色表面上，清晰的自上而下的編輯設計攝影，僅限單色。”
4. 項目_2（1:1 比例）：與[學科]相關的黑白極簡主義靜物畫（例如電影場記板、比例模型、造型產品），電影攝影棚燈光，銳利的陰影，僅限單色。
5. 項目_3（方面 1:1）： “黑白編輯生活方式攝影，與[DISCIPLINE]相關的極簡風格場景，高端雜誌美學，僅限單色。”
6. 特色（16:9 比例）：“與[學科]相關的寬幅黑白抽象構圖，戲劇性的視角，富有氛圍的單色編輯，無色彩。”
拿到全部六個 URL 後，按插槽標記每個 URL，然後繼續執行步驟 3。
步驟 3 — 建立網頁。
當呼叫 generateWebpage 函數時，請傳遞一個包含下列所有內容的詳細指令提示－執行 generateWebpage 的代理程式必須嚴格依照該提示執行。
--- 網頁提示字元開始 ---
創建一個簡潔的單色風格、可捲動瀏覽的長篇作品集網站。視覺效果必須嚴格遵循以下規則—不得偏離。
專屬配色方案（獨家－別處沒有其他顏色）：
- 白色背景：#FFFFFF
- 黑色墨水和文字：#000000
- 一個深色區域可能使用接近黑色的顏色：#0A0A0A
- 對所有 應用 CSS `filter: grayscale(1) contrast(1.02)` 作為安全措施，以確保所有導入的資源都保持嚴格的單色。
字體排印：
- 顯示：Google 字體「Fraunces」（使用字重 300 和 700，opsz 144）。強調的重點詞語可使用斜體。
- 正文：Google 字體 'Inter'（字重 400、500）。正文寬度 16–18px，行高約 1.6。
- 標題字體很大：clamp(56px, 12vw, 180px)。在顯示器上追蹤 -0.02em。
- 導覽、服務標籤和頁腳連結使用小型大寫字母（`text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px`）。
佈局節奏：
- 部分垂直內邊距：clamp(80px, 12vh, 200px)。
- 容器最大寬度：1280px，側邊槽夾緊（24px，6vw，96px）。
- 留白充足；不要過於擁擠。
相互作用：
- 頂部導覽列固定顯示，捲動時背景略微模糊。
- 藥丸按鈕：1px 實線 #000，透明填充，邊框半徑：9999px，內邊距 14px 28px。懸停時反轉為背景色 #000 + 顏色 #FFF，緩動時間 200ms。
- 在每個主要區塊上實現微妙的滾動觸發淡入效果 + 24px y 平移（交叉觀察者）。
- 服務行：滑鼠懸停滑動文字和箭頭向右 ~12px，200ms 緩動。
響應式：
- 低於 768px：標題縮小到約 64–88px，雙列網格折疊成單列，圖像在其內邊距內保持全出血。
各章（依此順序）：
1. 導覽（固定）：左上角為小型大寫字母的工作室名稱；右上角為「與我們合作」按鈕。
2. 主標題（全白）：分兩行顯示標題－第一行使用 Fraunces 斜體，第二行使用 Fraunces 常規字體－採用使用者標語。字體較大。右下角可選擇新增小型單色輔助圖片（此處可使用主標題圖片，或將其保留至下一部分）。底部有輕微的滾動提示。
3. 關於：標題為“關於[工作室]”，字體為700法文。六欄網格：左側為內文（第1-3欄），右側為4:3比例的圖片（第4-6欄）。兩個簡短的段落。
4. 章節標題：'我們的工作'，法文 700，大寫。
5. 案例研究 1：項目名稱（Fraunces 字體），服務標籤一行，採用小型大寫字母（以中間點「·」或空格分隔）。名稱下方：全寬項目圖片（使用 project_1，1:1 比例裁切為 16:9）。圖片下方：兩列網格－左列顯示超大數字“01”（Fraunces 300，clamp(100px, 18vw, 220px)），小型大寫字母標籤“背景”，以及約 30 個單字的正文。右列相同，顯示“02”和“解決方案”。
6. 案例研究 2：結構與 CS1 相同，但使用 project_2 影像。可以選擇反轉影像，使其位於帶有色調的灰白色帶子上——顏色必須嚴格保持在調色板範圍內。
7. 案例研究 3：結構相同，使用 project_3 影像。
8. 正片區域：全出血寬螢幕影像（使用 16:9 正片區域）。無文字疊加。
9. 我們的服務：標題「我們的服務」採用 700 號法文字體。下方是 6 個服務標籤的垂直清單。每行：上方 1 像素細線分隔符號 (#000)，左側為服務名稱（採用 36 像素、6 像素寬、80 像素寬的法文字本體），右側為「→」箭頭。指針遊標。滑鼠懸停時向右滑動。
10. CTA：全出血深色區域，背景色為#000。標題為“Massive Fraunces”，居中對齊，顏色為#FFF，使用CTA結尾標語。內邊距為clamp(120px, 20vh, 240px)。標題下方有「加入我們」按鈕（白色邊框，透明填充，滑鼠懸停時反轉為白色背景+黑色文字）。
11. 頁尾：白色背景，小型大寫字母。左側為工作室名稱，右側為連結（「條款與支援」、「隱私權政策」）。頂部極細邊框（#000，1像素）。第二行顯示極小的版權聲明。
圖片 — 將下方資料部分提供的 URL 插入對應的插槽。對每個 元素套用 object-fit: cover 和灰階安全濾鏡。請勿添加額外的裝飾性圖片。
數據－請將以下內容替換到頁面中：
- studio_name: <第一步驟中的工作室名稱>
- 標語：<步驟 1 的兩行標語，以斜線「/」分隔兩行顯示內容>
- about_copy: <關於步驟 1 中的段落>
- case_studies：包含三個元素的陣列 { name, tags[], background, solution }，取自步驟 1
- services：步驟 1 中的六個服務標籤字串數組
- cta_tagline: <第一步中的結束 CTA>
- 圖片：{ hero, about, project_1, project_2, project_3, feature } 從步驟 2
- footer_links: ['條款與支持', '隱私權政策']
--- 網頁提示結束 ---
呼叫 generateWebpage 時，將 as_artifact 參數設為 true。傳回結果後，以使用者首選語言提供一行摘要，並告知使用者可以要求替換圖片、更改文案或重新命名項目。
描述
產生一個簡潔的黑白編輯作品集網站。純黑白配色，超大襯線字體標題，編號的案例研究，以及大量的留白。如果沒有提供圖片，則自動產生六張風格統一的單色圖片。
為什麼我們推薦這個技能
這項技能可以創建高端的單色系網頁作品集，非常適合設計工作室或代理商。其編輯風格和極簡主義風格展現出精緻專業的美學。
發現下一個適合你的技能
繼續探索更多精選 AI 技能，用於研究、創作和日常工作。