クリエイティブプロフィール
あなたのパーソナルブランドを、洗練されたミニマルなウェブサイトへと変身させましょう。プロフェッショナルなデザイン、戦略的なレイアウト、そしてあなたの専門知識を際立たせる魅力的な美学が、瞬時に構築されます。
Featured by
nene@YouMind.AI
Why we love this skill
プロフェッショナルでありながらクリエイティブなブランドイメージを際立たせる、洗練されたミニマルなパーソナルウェブサイトを制作します。このスキルは、お客様のビジョンをレスポンシブでエレガントなオンラインプレゼンスへと巧みに落とし込み、独自のタイポグラフィ、鮮やかなカラーパレット、明確なコンテンツ階層構造を実現します。ブランド戦略担当者や、独自のパーソナルブランドをアピールしたいクリエイターに最適です。
指示
プロのブランド戦略家によるビジュアルデザインにインスパイアされた、モダンでミニマルな個人ウェブサイトを作成しましょう。
**全体的なスタイル**
- 余白をたっぷりと確保し、コンテンツのための十分な空間を設けたミニマルなデザイン言語
プロフェッショナルでありながら創造性に富み、ブランド戦略家としてのイメージを体現している。
デスクトップとモバイルデバイスの両方に対応したレスポンシブレイアウト
**配色**
- 背景色：温かみのあるクリーム色／オフホワイト（#FFFEF9）
- 主要なアクセントカラー：主要な見出しと行動喚起には、鮮やかなピンク/マゼンタ（#FF1493）を使用
- セカンダリーアクセント：タグとカテゴリにはライトブルー/シアン（#00CED1）を使用
- テキストの色：本文には濃い黒（#1a1a1a）を使用し、高い可読性を確保します。
**タイポグラフィデザイン**
- 特大太字見出し：名前を2行に分け、超太字のサンセリフフォント（Inter Black/Helvetica Blackなど）を使用し、フォントサイズは最低80pxとする。
・職名を鮮やかなピンク色で表記、フォントサイズは60～80ピクセル
本文は16～18ピクセルのすっきりとしたサンセリフフォントで記述する。
- 2列または3列のレイアウトによる厳格なグリッドシステム
- 異なるコンテンツ領域を区切るには、細い線（1px）を使用します。
**ページ構成**
1. ヒーローセクション：
左側：特大サイズの氏名（2行に分割）＋役職名（ピンク色）
右側：カラフルな枠線付きの円形プロフィール写真
- 下部：簡潔な個人の使命声明
2. 連絡先情報セクション：
電話番号、メールアドレス、ウェブサイトへのリンク
ピンクまたは青で強調表示
3．職務経歴欄：
左：時代区分を示すラベル（アクセントカラーを使用）
右側：職名（斜体）＋詳細な説明
- 明確な視覚的階層構造
4. 教育セクション：
- 同じ2列レイアウト
- 期間 + 機関 + 学位
5．スキル／言語セクション：
- カラーブロックのカテゴリラベル
- グリッド表示
**視覚要素**
- ピンクまたはグラデーションの枠が付いた円形のプロフィール写真
- アクセントカラーを使用したタグ形式のカテゴリ見出し（例：「職務経歴」）
- 黒い円で囲まれたフローティングボタン（右下隅、ページトップへ戻るボタン）
- すべてのインタラクティブ要素に微妙なホバー効果を適用
**フォントのおすすめ**
見出しフォント：Inter Black、Helvetica Neue Bold、またはMontserrat ExtraBold
本文フォント：Inter Regular、Helvetica Neue、またはSystem UI
**インタラクションの詳細**
- スムーズスクロール
- リンクにマウスカーソルを合わせると色が変わったり、下線アニメーションが表示されたりする
- レスポンシブなナビゲーションメニュー
- クリーンでエレガントなローディングアニメーション
**コンテンツ要件**
- 自己紹介文には「10年の経験」「戦略とストーリーテリング」などのキーワードを強調する。
- 具体的な実績や指標（例：「200%成長」）を強調した職務経歴
有名ブランドや機関とのコラボレーションを紹介する
言語能力と専門スキルが明確に分類されている
プロフェッショナルでモダンなデザインであり、かつ個人のブランド特性を完全に体現する、完全なHTML/CSS/JavaScriptコードを生成してください。
Related Skills
View allHTMLウェブページレビューシステム
チームがブラウザでウェブページの要素に直接注釈を付けられるようにします。設定は不要で、自動認識、AI によるインテリジェントな修正提案の生成、AI プログラミング アシスタントが直接理解できるレビュー レポートのエクスポートが可能です。🔥 コア機能: ⚡ 30 秒の起動 - テーマを指定するだけで、レビュー システムを備えたウェブ ページが自動的に生成されます。🤖 AI インテリジェンス - 「フォントが小さすぎる」と入力すると、AI が自動的に「18px PingFang SC に変更することを提案」を生成します。💾 失われることはありません - コメントは IndexedDB に自動的に保存され、ページを更新することで復元できます。📊 チーム コラボレーション - 5 つの役割 (製品/デザイン/開発/編集/運用) が色分けされています。🎯 正確な位置指定 - タイトル、ボタン、アイコン、背景をクリックして、各子要素を特定します。
StoryCanvas
これは、クリエイターが既存の美的参照資料を、複数回の検証を経て、再利用可能なページベースの物語形式のJSONスタイル仕様に変換するのに役立ちます。
PDF化
このソフトウェアは、記事、レポート、メモ、Markdown、PDFから抽出したテキストなどの参照コンテンツを、A4印刷品質の単一ファイルHTMLファイルに変換します。コンテンツのテーマに基づいてアクセントカラーを自動的に選択し、意味的にミニマルな手描きの線画SVGを埋め込み、PDFのエクスポート時に空白ページ、孤立行、要素の切り捨てなどの印刷上の問題を自動的に修正します。最終段階では、キャンバスパネルを使用してPDFを直接開くため、ユーザーはコードをコピー＆ペーストすることなく、PDFの表示、印刷、エクスポートを行うことができます。
クリエイティブプロフィール
あなたのパーソナルブランドを、洗練されたミニマルなウェブサイトへと変身させましょう。プロフェッショナルなデザイン、戦略的なレイアウト、そしてあなたの専門知識を際立たせる魅力的な美学が、瞬時に構築されます。
Featured by
nene@YouMind.AI
Why we love this skill
プロフェッショナルでありながらクリエイティブなブランドイメージを際立たせる、洗練されたミニマルなパーソナルウェブサイトを制作します。このスキルは、お客様のビジョンをレスポンシブでエレガントなオンラインプレゼンスへと巧みに落とし込み、独自のタイポグラフィ、鮮やかなカラーパレット、明確なコンテンツ階層構造を実現します。ブランド戦略担当者や、独自のパーソナルブランドをアピールしたいクリエイターに最適です。
指示
プロのブランド戦略家によるビジュアルデザインにインスパイアされた、モダンでミニマルな個人ウェブサイトを作成しましょう。
**全体的なスタイル**
- 余白をたっぷりと確保し、コンテンツのための十分な空間を設けたミニマルなデザイン言語
プロフェッショナルでありながら創造性に富み、ブランド戦略家としてのイメージを体現している。
デスクトップとモバイルデバイスの両方に対応したレスポンシブレイアウト
**配色**
- 背景色：温かみのあるクリーム色／オフホワイト（#FFFEF9）
- 主要なアクセントカラー：主要な見出しと行動喚起には、鮮やかなピンク/マゼンタ（#FF1493）を使用
- セカンダリーアクセント：タグとカテゴリにはライトブルー/シアン（#00CED1）を使用
- テキストの色：本文には濃い黒（#1a1a1a）を使用し、高い可読性を確保します。
**タイポグラフィデザイン**
- 特大太字見出し：名前を2行に分け、超太字のサンセリフフォント（Inter Black/Helvetica Blackなど）を使用し、フォントサイズは最低80pxとする。
・職名を鮮やかなピンク色で表記、フォントサイズは60～80ピクセル
本文は16～18ピクセルのすっきりとしたサンセリフフォントで記述する。
- 2列または3列のレイアウトによる厳格なグリッドシステム
- 異なるコンテンツ領域を区切るには、細い線（1px）を使用します。
**ページ構成**
1. ヒーローセクション：
左側：特大サイズの氏名（2行に分割）＋役職名（ピンク色）
右側：カラフルな枠線付きの円形プロフィール写真
- 下部：簡潔な個人の使命声明
2. 連絡先情報セクション：
電話番号、メールアドレス、ウェブサイトへのリンク
ピンクまたは青で強調表示
3．職務経歴欄：
左：時代区分を示すラベル（アクセントカラーを使用）
右側：職名（斜体）＋詳細な説明
- 明確な視覚的階層構造
4. 教育セクション：
- 同じ2列レイアウト
- 期間 + 機関 + 学位
5．スキル／言語セクション：
- カラーブロックのカテゴリラベル
- グリッド表示
**視覚要素**
- ピンクまたはグラデーションの枠が付いた円形のプロフィール写真
- アクセントカラーを使用したタグ形式のカテゴリ見出し（例：「職務経歴」）
- 黒い円で囲まれたフローティングボタン（右下隅、ページトップへ戻るボタン）
- すべてのインタラクティブ要素に微妙なホバー効果を適用
**フォントのおすすめ**
見出しフォント：Inter Black、Helvetica Neue Bold、またはMontserrat ExtraBold
本文フォント：Inter Regular、Helvetica Neue、またはSystem UI
**インタラクションの詳細**
- スムーズスクロール
- リンクにマウスカーソルを合わせると色が変わったり、下線アニメーションが表示されたりする
- レスポンシブなナビゲーションメニュー
- クリーンでエレガントなローディングアニメーション
**コンテンツ要件**
- 自己紹介文には「10年の経験」「戦略とストーリーテリング」などのキーワードを強調する。
- 具体的な実績や指標（例：「200%成長」）を強調した職務経歴
有名ブランドや機関とのコラボレーションを紹介する
言語能力と専門スキルが明確に分類されている
プロフェッショナルでモダンなデザインであり、かつ個人のブランド特性を完全に体現する、完全なHTML/CSS/JavaScriptコードを生成してください。
Related Skills
View allHTMLウェブページレビューシステム
チームがブラウザでウェブページの要素に直接注釈を付けられるようにします。設定は不要で、自動認識、AI によるインテリジェントな修正提案の生成、AI プログラミング アシスタントが直接理解できるレビュー レポートのエクスポートが可能です。🔥 コア機能: ⚡ 30 秒の起動 - テーマを指定するだけで、レビュー システムを備えたウェブ ページが自動的に生成されます。🤖 AI インテリジェンス - 「フォントが小さすぎる」と入力すると、AI が自動的に「18px PingFang SC に変更することを提案」を生成します。💾 失われることはありません - コメントは IndexedDB に自動的に保存され、ページを更新することで復元できます。📊 チーム コラボレーション - 5 つの役割 (製品/デザイン/開発/編集/運用) が色分けされています。🎯 正確な位置指定 - タイトル、ボタン、アイコン、背景をクリックして、各子要素を特定します。
StoryCanvas
これは、クリエイターが既存の美的参照資料を、複数回の検証を経て、再利用可能なページベースの物語形式のJSONスタイル仕様に変換するのに役立ちます。
PDF化
このソフトウェアは、記事、レポート、メモ、Markdown、PDFから抽出したテキストなどの参照コンテンツを、A4印刷品質の単一ファイルHTMLファイルに変換します。コンテンツのテーマに基づいてアクセントカラーを自動的に選択し、意味的にミニマルな手描きの線画SVGを埋め込み、PDFのエクスポート時に空白ページ、孤立行、要素の切り捨てなどの印刷上の問題を自動的に修正します。最終段階では、キャンバスパネルを使用してPDFを直接開くため、ユーザーはコードをコピー＆ペーストすることなく、PDFの表示、印刷、エクスポートを行うことができます。
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
