クリエイティブプロフィール
指示
プロのブランド戦略家によるビジュアルデザインにインスパイアされた、モダンでミニマルな個人ウェブサイトを作成しましょう。
**全体的なスタイル**
- 余白をたっぷりと確保し、コンテンツのための十分な空間を設けたミニマルなデザイン言語
プロフェッショナルでありながら創造性に富み、ブランド戦略家としてのイメージを体現している。
デスクトップとモバイルデバイスの両方に対応したレスポンシブレイアウト
**配色**
- 背景色：温かみのあるクリーム色／オフホワイト（#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コードを生成してください。
説明
おすすめした人
nene@YouMind
このスキルをおすすめする理由
このスキルは、ブランドストラテジストに着想を得た洗練されたパーソナルウェブサイトを制作することで際立ちます。モダンなミニマリスト美学を、色彩、タイポグラフィ、レイアウトの詳細な仕様で緻密に表現し、真に個性的なオンラインプレゼンスを実現します。
あなたのパーソナルブランドを、ミニマルで美しいウェブサイトに変身させます。プロフェッショナルなデザイン、戦略的なレイアウト、魅力的な美学が瞬時に作成され、あなたの専門性を引き立てます。
関連スキル
すべて表示
ウェブページExplorable Explainer ページビルダー
レポートは説明する。ページは読者が自分で発見できるようにする。 YouMindは既にウェブページを構築できます。Explorable Explainerは構築する内容を決定します。研究、データセット、トピックを、ニュースルームのグラフィックや探索可能な説明の伝統に沿った単一のインタラクティブページに変換します：スクロール駆動のナレーション、実際のチャート、動かせるコントロール、確認できるソース。 コードを書く前に計画します。最初にビルドプランを承認します：ページが答えるひとつの質問、読者が「あっ」と感じる瞬間（リビール）、5〜8セクションのスクロール背骨、それぞれが動かすことで読者が学ぶことに裏付けられた2〜4のインタラクション、そしてすべての数字とその出所を列挙したデータ契約。 次に、ビルドステップなしの単一の自己完結型HTMLファイルを構築します。セマンティックマークアップ。すべての数字は先頭の単一の編集可能なDATA定数に置かれます。スマートフォンで壊れないスクロールリビール。すべてのコントロールは、現在の値を説明するライブテキストを備えた、実際のキーボード操作可能なフォーム要素です。 アクセシビリティは後付けではなく最初から組み込まれています：4.5:1のコントラスト、表示されるフォーカスリング、至る所に代替テキスト、色だけで意味を伝えない、モーション低減を尊重、360pxからのレスポンシブ対応。 引き渡す前に、5項目の自己レビューを実行し、結果を正直に報告します：リビールが実際に機能するか、JavaScriptをオフにしてもページが読めるか、タブ順序が妥当か、すべての数字が追跡可能か、読者が止めたいと思うアニメーションがあるか。 破らない2つのルール：チャートを良く見せるためにデータを捏造しないこと、そして数字がドラフトと矛盾している場合にそれを伝えること。 研究者、アナリスト、ジャーナリスト、教育者、インディー創業者、コンサルタントなど、自分の仕事を流し読みされるのではなく、探索されることを望む人々のために。
ウェブページ柔光デイタイム・浮遊スタイルのWebページ
柔光デイタイムスタイルのウェブデザインシステム：淡いスカイブルーのキャンバス（#ebf5ff）、字重を500に固定した超大ディスプレイテキスト（レスポンシブで最大148px）、32pxの角丸カード＋9999pxのピル、ほぼ黒の#181d27のソリッドCTA、パステルカラーのブロックと浮遊する3Dクレイ風イラスト。深みはキャンバスからカードへの色の段階的なシフトのみで表現し、コンテンツカードにはシャドウなし。「柔光デイタイムスタイル」「3Dイラストのランディングページ」「淡いブルーのキャンバス」「角丸カードスタイル」「SaaS公式サイト」「Linear/Framerスタイル」などのニーズに対応し、アクセシビリティとレスポンシブ対応の制約が組み込まれています。
ウェブページFashion Creative Design 風ページ
ファッションエディトリアルなポスター風ウェブデザインシステム：温かいクリーム色のペーパーキャンバス（#fffef7）、300ウェイトの特大タイトル（64–84px）、フルブリード写真、影なし、カードは角が直角、ボタンは1440pxのピル型角丸。 「ファッションデザインスタイル」「マガジンレイアウト」「ポスター風」「アートカタログウェブ」「スタジオポートフォリオ」「ギャラリーページ」などのニーズに対応し、任意のコンテンツをハイファッションのエディトリアル風ページに書き換えることができます。
クリエイティブプロフィール
指示
プロのブランド戦略家によるビジュアルデザインにインスパイアされた、モダンでミニマルな個人ウェブサイトを作成しましょう。
**全体的なスタイル**
- 余白をたっぷりと確保し、コンテンツのための十分な空間を設けたミニマルなデザイン言語
プロフェッショナルでありながら創造性に富み、ブランド戦略家としてのイメージを体現している。
デスクトップとモバイルデバイスの両方に対応したレスポンシブレイアウト
**配色**
- 背景色：温かみのあるクリーム色／オフホワイト（#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コードを生成してください。
説明
おすすめした人
nene@YouMind
このスキルをおすすめする理由
このスキルは、ブランドストラテジストに着想を得た洗練されたパーソナルウェブサイトを制作することで際立ちます。モダンなミニマリスト美学を、色彩、タイポグラフィ、レイアウトの詳細な仕様で緻密に表現し、真に個性的なオンラインプレゼンスを実現します。
あなたのパーソナルブランドを、ミニマルで美しいウェブサイトに変身させます。プロフェッショナルなデザイン、戦略的なレイアウト、魅力的な美学が瞬時に作成され、あなたの専門性を引き立てます。
関連スキル
すべて表示ウェブページExplorable Explainer ページビルダー
レポートは説明する。ページは読者が自分で発見できるようにする。 YouMindは既にウェブページを構築できます。Explorable Explainerは構築する内容を決定します。研究、データセット、トピックを、ニュースルームのグラフィックや探索可能な説明の伝統に沿った単一のインタラクティブページに変換します：スクロール駆動のナレーション、実際のチャート、動かせるコントロール、確認できるソース。 コードを書く前に計画します。最初にビルドプランを承認します：ページが答えるひとつの質問、読者が「あっ」と感じる瞬間（リビール）、5〜8セクションのスクロール背骨、それぞれが動かすことで読者が学ぶことに裏付けられた2〜4のインタラクション、そしてすべての数字とその出所を列挙したデータ契約。 次に、ビルドステップなしの単一の自己完結型HTMLファイルを構築します。セマンティックマークアップ。すべての数字は先頭の単一の編集可能なDATA定数に置かれます。スマートフォンで壊れないスクロールリビール。すべてのコントロールは、現在の値を説明するライブテキストを備えた、実際のキーボード操作可能なフォーム要素です。 アクセシビリティは後付けではなく最初から組み込まれています：4.5:1のコントラスト、表示されるフォーカスリング、至る所に代替テキスト、色だけで意味を伝えない、モーション低減を尊重、360pxからのレスポンシブ対応。 引き渡す前に、5項目の自己レビューを実行し、結果を正直に報告します：リビールが実際に機能するか、JavaScriptをオフにしてもページが読めるか、タブ順序が妥当か、すべての数字が追跡可能か、読者が止めたいと思うアニメーションがあるか。 破らない2つのルール：チャートを良く見せるためにデータを捏造しないこと、そして数字がドラフトと矛盾している場合にそれを伝えること。 研究者、アナリスト、ジャーナリスト、教育者、インディー創業者、コンサルタントなど、自分の仕事を流し読みされるのではなく、探索されることを望む人々のために。
ウェブページ柔光デイタイム・浮遊スタイルのWebページ
柔光デイタイムスタイルのウェブデザインシステム：淡いスカイブルーのキャンバス（#ebf5ff）、字重を500に固定した超大ディスプレイテキスト（レスポンシブで最大148px）、32pxの角丸カード＋9999pxのピル、ほぼ黒の#181d27のソリッドCTA、パステルカラーのブロックと浮遊する3Dクレイ風イラスト。深みはキャンバスからカードへの色の段階的なシフトのみで表現し、コンテンツカードにはシャドウなし。「柔光デイタイムスタイル」「3Dイラストのランディングページ」「淡いブルーのキャンバス」「角丸カードスタイル」「SaaS公式サイト」「Linear/Framerスタイル」などのニーズに対応し、アクセシビリティとレスポンシブ対応の制約が組み込まれています。
ウェブページFashion Creative Design 風ページ
ファッションエディトリアルなポスター風ウェブデザインシステム：温かいクリーム色のペーパーキャンバス（#fffef7）、300ウェイトの特大タイトル（64–84px）、フルブリード写真、影なし、カードは角が直角、ボタンは1440pxのピル型角丸。 「ファッションデザインスタイル」「マガジンレイアウト」「ポスター風」「アートカタログウェブ」「スタジオポートフォリオ」「ギャラリーページ」などのニーズに対応し、任意のコンテンツをハイファッションのエディトリアル風ページに書き換えることができます。
次のお気に入りスキルを見つけよう
リサーチ、制作、日々の作業に役立つ厳選AIスキルをさらに探しましょう。