사실적인 X 프로필 페이지 목업

매우 사실적인 다크 모드 소셜 미디어 인터페이스 목업을 생성합니다. 이 목업은 프랑스어로 된 데스크톱 X/Twitter 레이아웃과 매우 유사해야 하며, 검은색 배경과 미묘한 짙은 회색 구분선이 있는 전체 브라우저 스크린샷으로 표시되어야 합니다. 왼쪽 사이드바에는 흰색 아이콘과 레이블이 있는 11개의 탐색 항목이 수직으로 정확히 쌓여 있습니다: “Accueil”, “Explorer”, “Notifications” (작은 파란색 배지가 3개 표시됨), “Messages”, “Grok”, “Signets”, “Communautés”, “Premium”, “Organisations certifiées”, “Profil”, “Plus”. 이 사이드바 상단에 흰색 X 로고를 배치하고, 하단 중간에 큰 둥근 흰색 버튼에 “Poster” 레이블을 추가하고, 하단에 Martin Dubois의 계정 블록을 표시합니다. 여기에는 @martindubois 핸들과 작은 원형 아바타가 포함됩니다. 가운데 열은 {argument name="profile name" default="Martin Dubois"}의 주요 프로필 페이지이며, 상단에는 뒤로 화살표, 이름 “Martin Dubois”, 파란색 확인 배지가 표시되고, 그 아래에는 “1 248 posts” 텍스트가 표시됩니다. 그 아래에는 극적인 구름이 낀 알프스 산맥 위 숲 호수의 넓은 파노라마 커버 사진을 포함합니다. 배너의 왼쪽 하단에 어두운 옷을 입은 젊은 남성의 원형 프로필 사진을 겹쳐서 배치합니다. 자연스럽고 상세한 얼굴 특징으로 모든 얼굴을 선명하게 보여주고, 창백한 배경과 얇은 테두리를 사용합니다. 프로필 헤더 오른쪽에는 세 개의 작은 원형 액션 버튼과 “Éditer le profil”이라는 눈에 띄는 둥근 밝은 버튼을 배치합니다. 아바타 아래에는 표시 이름 Martin Dubois와 파란색 확인 배지, 핸들 @martindubois, 그리고 프랑스어 한 줄 소개글: “Créateur de contenu • Passionné de tech, de design et de productivité.”를 표시합니다. 그런 다음 정확히 4개의 항목이 있는 메타데이터 행을 추가합니다: 위치 “Lyon, France”, 웹사이트 “martindubois.com”, “A rejoint X en janvier 2021”, 그리고 팔로워 행 “320 abonnements” 및 “12,4 k abonnés”. 정확히 5개의 탭이 있는 수평 탭 막대를 추가합니다: “Posts”, “Réponses”, “Tweets marquants”, “Médias”, “J’aime”. “Posts” 탭이 활성화되어 있고 파란색으로 밑줄이 그어져 있습니다. 탭 아래에는 Martin Dubois의 3개의 게시물이 포함된 피드를 표시합니다. 게시물 1은 “Épinglé”로 고정되어 있고, “12 mai”에 게시되었으며, 프랑스어 텍스트 “10 leçons que j’ai apprises en construisant mon projet pendant 2 ans”와 이모티콘, 그리고 24개의 답글, 142개의 리트윗, 1k개의 좋아요, 85k개의 조회수, 북마크/공유 영역이 있는 참여도 행이 있습니다. 게시물 2는 “2h”에 게시되었으며, 프랑스어 텍스트 “Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.”와 12개의 답글, 37개의 리트윗, 256개의 좋아요, 8k개의 조회수가 있습니다. 게시물 3은 “1j”에 게시되었으며, 프랑스어 텍스트 “Un week-end à Chamonix, toujours ressourçant”와 산 이모티콘, 그리고 부드러운 햇빛 아래 눈 덮인 산봉우리의 큰 임베디드 이미지가 포함되어 있습니다. 각 게시물의 왼쪽에 원형 아바타를 사용하고 게시물 사이에 얇은 구분선을 사용합니다. 오른쪽 사이드바는 “Chercher”라는 자리 표시자가 있는 둥근 검색 필드로 시작합니다. 그 아래에는 정확히 3개의 제안된 프로필(아바타, 표시 이름, 핸들, 파란색 확인 배지, 흰색 둥근 “Suivre” 버튼 포함)이 있는 “Vous pourriez aimer”라는 카드를 포함합니다: “Théo Catarino” @theocatarino, “Aurélie Martinez” @aurel_martinez, “Ulrich Rozier” @ulrichrozier. 해당 카드의 하단에 “Voir plus” 링크를 추가합니다. 그 아래에는 4개의 트렌드(카테고리 및 게시물 수 순으로 정렬)가 나열된 “Tendances : France”라는 트렌드 카드를 만듭니다: 1. “#RolandGarros” (32,1k 게시물), 2. “#FêteDesMères” (18,4k 게시물), 3. “Mbappé” (45,2k 게시물), 4. “#LundiMotivation” (12,3k 게시물). 트렌드 목록 아래에 “Voir plus” 링크를 추가합니다. 맨 아래에는 여러 개의 작은 회색 법적 링크와 “© 2024 X Corp.”가 있는 간결한 바닥글을 배치합니다. 전체 이미지는 실제 데스크톱 스크린샷과 거의 구별할 수 없을 정도로 선명한 타이포그래피, 진정한 간격, 사실적인 UI 비율, 미묘한 둥근 카드, 거의 검은색 표면의 흰색 및 회색 텍스트, 파란색 강조 색상, 세련된 안티앨리어싱 아이콘, 그리고 깔끔하고 현대적인 제품 디자인 미학을 가져야 합니다.