逼真的 X 型個人檔案頁面模型

創建一個高度逼真的深色模式社交媒體介面模擬圖，它與法文桌面 X/Twitter 版面配置非常相似，顯示為全瀏覽器螢幕截圖，具有黑色背景和微妙的深灰色分隔線，共三欄垂直排列。左側邊欄包含精確 11 個垂直堆疊的導航項目，具有白色圖示和標籤：「首頁」、「探索」、「通知」（帶有一個顯示 3 的小藍色徽章）、「訊息」、「Grok」、「書籤」、「社群」、「Premium」、「已驗證的組織」、「個人檔案」和「更多」。在此側邊欄的頂部放置白色 X 標誌，在下中段附近新增一個大型圓角白色按鈕，標示為「發布」，並在底部顯示 Martin Dubois 的簡潔已登入帳戶區塊，包含使用者名稱 @martindubois 和一個小圓形頭像。中間欄是 {argument name="profile name" default="Martin Dubois"} 的主要個人檔案頁面，頂部工具列顯示一個返回箭頭、名稱「Martin Dubois」和一個藍色驗證徽章，下方顯示文字「1,248 則貼文」。其下包含 Martin Dubois 的寬廣全景封面照片，顯示雲霧繚繞的壯麗阿爾卑斯山脈，以及森林湖泊。將一個年輕男子在深色服裝中的圓形個人檔案圖片重疊在橫幅的左下角，清楚地顯示每張臉部，具有自然、細緻的臉部特徵，背景為淺色，邊框細緻。在個人檔案標頭的右側放置三個小圓形動作按鈕和一個顯著的圓角淺色按鈕，標示為「編輯個人檔案」。在頭像下方顯示顯示名稱 Martin Dubois，帶有藍色驗證徽章、使用者名稱 @martindubois，以及一行法文個人簡介：「內容創作者 • 熱愛科技、設計和生產力。」然後新增包含精確 4 個項目的中繼資料列：地點「里昂，法國」、網站「martindubois.com」，以及「於 2021 年 1 月加入 X」，隨後是追蹤者列，顯示「320 個訂閱」和「12.4 千位追蹤者」。新增一個包含精確 5 個標籤的水平標籤列：「貼文」、「回覆」、「重要推文」、「媒體」和「喜歡」，其中「貼文」處於作用狀態並以藍色底線標示。在標籤下方，顯示 Martin Dubois 的 3 則可見貼文。貼文 1 已置頂，標示為「已置頂」，日期為「5 月 12 日」，包含法文文字「在過去 2 年中構建我的專案時學到的 10 個教訓」，後跟一個表情符號，以及包含 5 個數值的互動列：24 則回覆、142 次轉發、1 千個喜歡、8.5 萬次觀看，以及書籤/分享區域。貼文 2 的日期為「2 小時前」，包含法文文字「開始的最佳時機是昨天。第二好的時機，就是現在。」以及互動數值 12 則回覆、37 次轉發、256 個喜歡和 8 千次觀看。貼文 3 的日期為「1 天前」，包含法文文字「在沙蒙尼度過的一個週末，總是令人振奮」，後跟一個山峰表情符號，並包含一張大型嵌入式圖片，顯示在柔和日光下，白雪皚皚的山峰。在每個貼文的左側使用圓形頭像，並在貼文之間使用細線分隔線。右側邊欄從一個包含佔位符「搜尋」的圓角搜尋欄位開始。在其下方，包含一個標題為「你可能會喜歡」的卡片，其中包含精確 3 個建議的個人檔案，每個個人檔案都包含頭像、顯示名稱、使用者名稱、藍色驗證徽章和一個白色圓角「追蹤」按鈕：「Théo Catarino」@theocatarino、「Aurélie Martinez」@aurel_martinez 和「Ulrich Rozier」@ulrichrozier。在該卡片的底部新增一個「查看更多」連結。在其下方，建立一個標題為「趨勢：法國」的趨勢卡片，列出按排名順序排列的精確 4 個趨勢，包含類別和貼文數量：1. 「#RolandGarros」，包含「32.1 千個貼文」，2. 「#FêteDesMères」，包含「18.4 千個貼文」，3. 「Mbappé」，包含「45.2 千個貼文」，4. 「#LundiMotivation」，包含「12.3 千個貼文」。在趨勢列表下方新增一個「查看更多」連結。在最底部放置一個簡潔的頁尾，包含多個小型的灰色法律連結和「© 2024 X Corp.」。整個圖像應看起來幾乎與真實的桌面螢幕截圖無異：清晰的排版、真實的間距、逼真的 UI 比例、微妙的圓角卡片、黑色表面上的白色和灰色文字、藍色重點色彩、拋光抗鋸齒圖示，以及簡潔現代的產品設計美學。