創意簡介
將您的個人品牌轉化為一個精美簡約的網站。專業的設計、巧妙的佈局和引人入勝的美學風格,瞬間打造,完美展現您的專業技能。
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 allHTML 網頁評審系統
讓團隊在瀏覽器中直接標註網頁元素,零配置自動識別,AI 智能生成修改建議,匯出可供AI 程式設計助理直接理解的評審報告。 🔥 核心能力: ⚡ 30秒啟動- 丟個主題,自動生成帶評審系統的網頁🤖 AI 智能- 輸入"字體太小",AI 自動生成"建議改為18px PingFang SC" 💾 永不丟失- 評論自動保存彩色精確定位- 點選標題、按鈕、圖示、背景,精確到每個子元素
StoryCanvas
幫助創作者透過多輪確認,將已有美學參考轉化為可重複使用的頁面化敘事JSON 風格規範。
To be PDF
將文章、報告、筆記、Markdown、PDF 提取文本等參考內容轉化為A4 印刷級單文件HTML,根據內容主題自適應選擇強調色,內嵌語義化極簡手繪線稿SVG,自動修復PDF 導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出
創意簡介
將您的個人品牌轉化為一個精美簡約的網站。專業的設計、巧妙的佈局和引人入勝的美學風格,瞬間打造,完美展現您的專業技能。
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 allHTML 網頁評審系統
讓團隊在瀏覽器中直接標註網頁元素,零配置自動識別,AI 智能生成修改建議,匯出可供AI 程式設計助理直接理解的評審報告。 🔥 核心能力: ⚡ 30秒啟動- 丟個主題,自動生成帶評審系統的網頁🤖 AI 智能- 輸入"字體太小",AI 自動生成"建議改為18px PingFang SC" 💾 永不丟失- 評論自動保存彩色精確定位- 點選標題、按鈕、圖示、背景,精確到每個子元素
StoryCanvas
幫助創作者透過多輪確認,將已有美學參考轉化為可重複使用的頁面化敘事JSON 風格規範。
To be PDF
將文章、報告、筆記、Markdown、PDF 提取文本等參考內容轉化為A4 印刷級單文件HTML,根據內容主題自適應選擇強調色,內嵌語義化極簡手繪線稿SVG,自動修復PDF 導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出時的空白頁、孤行、元素截斷等打印問題,並在最後一步直接用canvas 面板導出
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.