リアルなXプロフィールページモックアップ

デスクトップ版 X/Twitter のフランス語レイアウトを忠実に再現した、非常にリアルなダークモードのソーシャルメディアインターフェースのモックアップを作成します。背景は黒、区切り線はダークグレーです。左側のサイドバーには、白いアイコンとラベルが付いた 11 個のナビゲーション項目が縦に配置されています。「ホーム」、「エクスプローラー」、「通知」（数字の 3 を表示する小さな青いバッジ付き）、「メッセージ」、「Grok」、「Signets」、「コミュニティ」、「プレミアム」、「認定組織」、「プロフィール」、「プラス」です。このサイドバーの上部に白い X ロゴを配置し、少し下に「投稿」とラベルの付いた大きな円形の白いボタンを追加し、下部に Martin Dubois のコンパクトなログインアカウントバーを表示します。これにはユーザー名@martinduboisと小さな円形のアバターが含まれます。中央のバーは {argument name="profile name" default="Martin Dubois"} です。メインのプロフィールページには、戻る矢印、名前「Martin Dubois」、上部に青い認証バッジがあり、その下に「1,248 posts」と表示されています。その下には、霧のかかったアルプス、森、湖の息を呑むような景色を捉えたパノラマ写真が広がっています。バナーの左下には、暗い服を着た若い男性の円形のポートレートが重ねて表示され、顔は薄い枠線のある明るい背景に少しぼかされています。プロフィールヘッダーの右側には、3 つの小さな円形のアクションボタンと、「Éditer le profil」（プロフィールを編集）とラベル付けされた目立つ明るい色の丸いボタンがあります。ポートレートの下には、表示名 Martin Dubois、青い認証バッジ、アカウント@martindubois 、フランス語の自己紹介「Créateur de contenu • Passionné de tech, de design et de productivité.」があります。 （コンテンツクリエイター • テクノロジー、デザイン、生産性に情熱を注いでいます。）次に、場所「フランス、リヨン」、ウェブサイト「martindubois.com」、および「2021年1月にXを再会」の4つの項目のメタデータを含む行を追加します。その次に、「320 abonnements」と「12,4k abonnés」を表示するフォロワーの行を追加します。「投稿」、「返信」、「注目のツイート」、「メディア」、「いいね！」の5つのラベルを持つ水平タブバーを追加し、「投稿」をアクティブにして青色の下線を引きます。タブの下に、Martin Duboisによる3つの表示可能な投稿を含むフィードを表示します。最初の投稿はピン留めされており、「Épinglé」（ピン留め）とマークされ、「12 mai」（5月12日）という日付が付けられており、フランス語のテキスト「10 leçons que j'ai apprises en construisant mon projet pendant 2 ans」（このプロジェクトを2年間構築して学んだ10の教訓）と絵文字が含まれています。インタラクション数は、24の返信、142のリツイート、1,000のいいね、85,000の閲覧、ブックマーク/共有エリアの5つの数字で構成されています。2番目の投稿は「2h」（2時間前）という日付が付けられており、フランス語のテキスト「Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant.」（始めるのに最適な時期は昨日でした。次に最適な時期は今です。）が含まれています。返信は12件、リツイートは37件、いいねは256件、閲覧数は8,000件です。 3 番目の投稿は「1j」（1 日前）の日付で、フランス語で「Un week-end à Chamonix, toujours ressourçant」（シャモニーでの週末はいつも活力を与えてくれる）と書かれており、山の絵文字と、柔らかな日差しを浴びた雪をかぶった山頂の大きな埋め込み画像が含まれています。各投稿は左側に円形のアバターを使用し、細い線で区切られています。右サイドバーの上部には、「Chercher」（検索）というプレースホルダーが付いた丸い検索ボックスがあります。その下には、「Vous pourriez aimer」（興味があるかもしれません）というタイトルのカードがあり、フォローを推奨する 3 つのプロフィールがリストされています。それぞれにアバター、表示名、アカウント、青い認証バッジ、白い丸い「Suivre」（フォロー）ボタンが付いています。「Théo Catarino」 @theocatarino 、「Aurélie Martinez」 @aurel_martinez 、「Ulrich Rozier」 @ulrichrozier 。カードの下部に「Voir plus」（もっと見る）リンクを追加します。その下に、「Tendances: France」というタイトルのトレンドカードを作成し、カテゴリと投稿数を含むランキング順に4つのトレンドをリストアップします。1.「#RolandGarros」（投稿数32,100件）、2.「#FêteDesMères」（投稿数18,400件）、3.「Mbappé」（投稿数45,200件）、4.「#LundiMotivation」（投稿数12,300件）。トレンドリストの下に「Voir plus」リンクを追加します。一番下に、いくつかの小さな灰色の法的リンクと「© 2024 X Corp」を含むコンパクトなフッターを配置します。全体のイメージは、実際のデスクトップのスクリーンショットとほぼ同じように見えるはずです。クリーンなタイポグラフィ、本物の間隔、現実的なUI比率、繊細に丸みを帯びたカードの角、暗い背景に黒と白のテキスト、青のアクセントカラー、洗練されたアンチエイリアスアイコン、クリーンでモダンな製品デザインの美学。