創意簡介
將您的個人品牌轉化為一個精美簡約的網站。專業的設計、巧妙的佈局和引人入勝的美學風格,瞬間打造,完美展現您的專業技能。
Featured by
nene@YouMind.AI
Why we love this skill
打造精美簡約的個人網站,展現專業且富有創意的品牌形象。這項技能能將您的願景巧妙轉化為響應式、優雅的線上平台,包括客製化字體、充滿活力的配色方案和清晰的內容層級。非常適合品牌策略家和創意人士展示其獨特的個人品牌。
指令
創建一個受專業品牌策略師視覺設計啟發的現代簡約個人網站:
整體風格
- 採用極簡設計語言,留白充足,為內容提供了足夠的呼吸空間
- 專業而富有創意,完美詮釋了品牌策略家的形象
- 適用於桌面和行動裝置的響應式佈局
**配色方案**
- 背景色:暖米色/灰白色 (#FFFEF9)
- 主要強調色:亮粉紅色/洋紅色 (#FF1493),用於關鍵標題和行動號召
- 輔助強調色:淺藍色/青色 (#00CED1),用於標籤和分類
- 文字顏色:內文採用深黑色 (#1a1a1a),確保高可讀性
**字體設計**
- 超大粗體標題:標題分成兩行,使用超粗無襯線字體(例如 Inter Black/Helvetica Black),最小字號為 80 像素。
- 職稱採用亮粉紅色字體,字號為 60-80 像素。
內文採用 16-18px 簡潔的無襯線字體
- 嚴格的網格系統,採用兩列或三列佈局
- 使用細線(1像素)分隔不同的內容區域
頁面結構
1. 英雄篇:
- 左側:超大姓名(分兩行顯示)+ 職位(粉紅色)
右側:帶有彩色邊框的圓形頭像
- 底部:個人使命宣言
2. 聯絡資訊部分:
電話、電子郵件、網站鏈接
- 以粉紅色或藍色高亮顯示
3. 工作經驗部分:
- 左圖:時間段標籤(使用強調色)
- 右側:職位名稱(斜體)+ 詳細描述
清晰的視覺層次結構
4. 教育板塊:
- 相同的雙欄佈局
- 時段 + 機構 + 學位
5. 技能/語言部分:
- 色區塊類別標籤
- 網格狀顯示
**視覺元素**
- 帶有粉紅色或漸層邊框的圓形頭像
- 使用強調色設定標籤式類別標題(例如「工作經驗」)
- 黑色圓圈內的浮動按鈕(右下角,回到頂部)
所有交互元素均有微妙的懸停效果
字體推薦
標題字體:Inter Black、Helvetica Neue Bold 或 Montserrat ExtraBold
正文:Inter Regular、Helvetica Neue 或 System UI
**互動詳情**
- 流暢滾動
- 連結懸停時可改變顏色或新增底線動畫
- 響應式導航選單
- 簡潔優雅的載入動畫
**內容要求**
個人簡介重點突出「十年經驗」、「策略和故事敘述」及類似關鍵字
- 工作經驗中著重於具體成就和指標(例如「200% 的成長」)。
- 展示與知名品牌/機構的合作
- 語言能力和專業技能明確分類
請產生完整的 HTML/CSS/JavaScript 程式碼,確保設計專業、現代,並充分體現個人品牌特徵。
Related Skills
View allLanding Page & OG Pro by sagasu
基於beautiful-html-templates 函式庫,提供使用者從文案創作到高美感落地頁程式碼及風格統一OG 圖的一站式生成服務。支援從簡單想法到詳細文案的全流程處理,確保視覺一致性。嚴格避開藍紫色調。
公眾號一鍵排版(測試版)
將已寫好的文章一鍵轉換為公眾號精美排版,支援AI自動配圖、多種分隔符號風格和主題色選擇,可直接推送草稿箱或複製貼上到公眾號後台。

文件轉網站
將使用者文件一鍵產生對外文件網站,同時自動產生llms.txt 等AI 可讀層,讓內容既能被開發者查閱也能被AI 直接讀取和呼叫。

創意簡介
將您的個人品牌轉化為一個精美簡約的網站。專業的設計、巧妙的佈局和引人入勝的美學風格,瞬間打造,完美展現您的專業技能。
Featured by
nene@YouMind.AI
Why we love this skill
打造精美簡約的個人網站,展現專業且富有創意的品牌形象。這項技能能將您的願景巧妙轉化為響應式、優雅的線上平台,包括客製化字體、充滿活力的配色方案和清晰的內容層級。非常適合品牌策略家和創意人士展示其獨特的個人品牌。
指令
創建一個受專業品牌策略師視覺設計啟發的現代簡約個人網站:
整體風格
- 採用極簡設計語言,留白充足,為內容提供了足夠的呼吸空間
- 專業而富有創意,完美詮釋了品牌策略家的形象
- 適用於桌面和行動裝置的響應式佈局
**配色方案**
- 背景色:暖米色/灰白色 (#FFFEF9)
- 主要強調色:亮粉紅色/洋紅色 (#FF1493),用於關鍵標題和行動號召
- 輔助強調色:淺藍色/青色 (#00CED1),用於標籤和分類
- 文字顏色:內文採用深黑色 (#1a1a1a),確保高可讀性
**字體設計**
- 超大粗體標題:標題分成兩行,使用超粗無襯線字體(例如 Inter Black/Helvetica Black),最小字號為 80 像素。
- 職稱採用亮粉紅色字體,字號為 60-80 像素。
內文採用 16-18px 簡潔的無襯線字體
- 嚴格的網格系統,採用兩列或三列佈局
- 使用細線(1像素)分隔不同的內容區域
頁面結構
1. 英雄篇:
- 左側:超大姓名(分兩行顯示)+ 職位(粉紅色)
右側:帶有彩色邊框的圓形頭像
- 底部:個人使命宣言
2. 聯絡資訊部分:
電話、電子郵件、網站鏈接
- 以粉紅色或藍色高亮顯示
3. 工作經驗部分:
- 左圖:時間段標籤(使用強調色)
- 右側:職位名稱(斜體)+ 詳細描述
清晰的視覺層次結構
4. 教育板塊:
- 相同的雙欄佈局
- 時段 + 機構 + 學位
5. 技能/語言部分:
- 色區塊類別標籤
- 網格狀顯示
**視覺元素**
- 帶有粉紅色或漸層邊框的圓形頭像
- 使用強調色設定標籤式類別標題(例如「工作經驗」)
- 黑色圓圈內的浮動按鈕(右下角,回到頂部)
所有交互元素均有微妙的懸停效果
字體推薦
標題字體:Inter Black、Helvetica Neue Bold 或 Montserrat ExtraBold
正文:Inter Regular、Helvetica Neue 或 System UI
**互動詳情**
- 流暢滾動
- 連結懸停時可改變顏色或新增底線動畫
- 響應式導航選單
- 簡潔優雅的載入動畫
**內容要求**
個人簡介重點突出「十年經驗」、「策略和故事敘述」及類似關鍵字
- 工作經驗中著重於具體成就和指標(例如「200% 的成長」)。
- 展示與知名品牌/機構的合作
- 語言能力和專業技能明確分類
請產生完整的 HTML/CSS/JavaScript 程式碼,確保設計專業、現代,並充分體現個人品牌特徵。
Related Skills
View allLanding Page & OG Pro by sagasu
基於beautiful-html-templates 函式庫,提供使用者從文案創作到高美感落地頁程式碼及風格統一OG 圖的一站式生成服務。支援從簡單想法到詳細文案的全流程處理,確保視覺一致性。嚴格避開藍紫色調。
公眾號一鍵排版(測試版)
將已寫好的文章一鍵轉換為公眾號精美排版,支援AI自動配圖、多種分隔符號風格和主題色選擇,可直接推送草稿箱或複製貼上到公眾號後台。

文件轉網站
將使用者文件一鍵產生對外文件網站,同時自動產生llms.txt 等AI 可讀層,讓內容既能被開發者查閱也能被AI 直接讀取和呼叫。

Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.