Realistic X Profile Page Mockup
A photorealistic desktop X-style profile interface in French, useful for showcasing AI-generated social media UI screenshots and product comparison demos.
프롬프트
검은색 배경과 은은한 다크 그레이 구분선이 있는 전체 브라우저 스크린샷 형태로, 데스크톱 X/Twitter 레이아웃과 매우 흡사한 프랑스어 버전의 사실적인 다크 모드 소셜 미디어 인터페이스 목업을 생성하세요. 왼쪽 사이드바에는 흰색 아이콘과 라벨이 수직으로 배치된 11개의 탐색 항목이 포함됩니다: “Accueil”(홈), “Explorer”(탐색), 숫자 3이 표시된 작은 파란색 배지가 있는 “Notifications”(알림), “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”라는 텍스트가 표시됩니다. 그 아래에는 숲이 우거진 호수 위로 드라마틱한 구름 낀 알프스 산맥이 펼쳐진 넓은 파노라마 커버 사진을 포함하세요. 배너 왼쪽 하단에 겹쳐지도록, 배경이 옅고 얇은 테두리가 있는, 얼굴이 약간 가려지거나 흐릿하게 처리된 어두운 옷을 입은 젊은 남성의 원형 프로필 사진을 배치하세요. 프로필 헤더 오른쪽에는 3개의 작은 원형 작업 버튼과 “É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”(2021년 1월 X 가입), 이어서 팔로워 행인 “320 abonnements”(팔로우 중) 및 “12,4 k abonnés”(팔로워)를 표시하세요. “Posts”, “Réponses”, “Tweets marquants”, “Médias”, “J’aime” 등 정확히 5개의 탭으로 구성된 가로 탭 바를 추가하고, “Posts” 탭이 활성화되어 파란색 밑줄이 표시되도록 하세요. 탭 아래에는 Martin Dubois가 작성한 3개의 게시물이 보이는 피드를 표시하세요. 첫 번째 게시물은 “Épinglé”(고정됨) 표시가 있고 날짜는 “12 mai”이며, 프랑스어 텍스트 “10 leçons que j’ai apprises en construisant mon projet pendant 2 ans”(2년 동안 프로젝트를 구축하며 배운 10가지 교훈)와 이모지가 포함되어 있고, 참여도 행에는 24개의 답글, 142개의 리포스트, 1 k개의 좋아요, 85 k회의 조회수, 북마크/공유 영역이 표시됩니다. 두 번째 게시물은 날짜가 “2h”이며 프랑스어 텍스트 “Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.”(시작하기 가장 좋은 때는 어제였습니다. 두 번째로 좋은 때는 바로 지금입니다.)와 참여도 값(12개의 답글, 37개의 리포스트, 256개의 좋아요, 8 k회의 조회수)이 표시됩니다. 세 번째 게시물은 날짜가 “1j”이며 프랑스어 텍스트 “Un week-end à Chamonix, toujours ressourçant”(샤모니에서의 주말, 언제나 활력을 되찾아줌)와 산 이모지가 있고, 부드러운 낮 빛 아래 눈 덮인 산봉우리가 담긴 큰 이미지가 포함되어 있습니다. 각 게시물 왼쪽에는 원형 아바타를 사용하고 게시물 사이에는 얇은 구분선을 넣으세요. 오른쪽 사이드바는 “Chercher”(검색)라는 플레이스홀더가 포함된 둥근 검색 필드로 시작합니다. 그 아래에는 아바타, 표시 이름, 핸들, 파란색 인증 배지, 흰색 둥근 “Suivre”(팔로우) 버튼이 있는 3개의 추천 프로필(“Théo Catarino” @theocatarino, “Aurélie Martinez” @aurel_martinez, “Ulrich Rozier” @ulrichrozier)이 포함된 “Vous pourriez aimer”(관심을 가질 만한 계정) 카드를 넣으세요. 카드 하단에는 “Voir plus”(더 보기) 링크를 추가하세요. 그 아래에는 “Tendances : France”(트렌드: 프랑스)라는 트렌드 카드를 만들고 카테고리와 게시물 수가 포함된 4개의 트렌드를 순위대로 나열하세요: 1. “#RolandGarros” (32,1 k posts), 2. “#FêteDesMères” (18,4 k posts), 3. “Mbappé” (45,2 k posts), 4. “#LundiMotivation” (12,3 k posts). 트렌드 목록 아래에 “Voir plus”(더 보기) 링크를 추가하세요. 맨 아래에는 여러 개의 작은 회색 법적 고지 링크와 “© 2024 X Corp.”가 포함된 간결한 푸터를 배치하세요. 전체 이미지는 실제 데스크톱 스크린샷과 거의 구별할 수 없을 정도로 선명한 타이포그래피, 정확한 간격, 사실적인 UI 비율, 은은한 둥근 카드, 검은색에 가까운 표면 위의 흰색 및 회색 텍스트, 파란색 강조 색상, 세련된 안티앨리어싱 아이콘, 깔끔하고 현대적인 제품 디자인 미학을 갖추어야 합니다.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Create a highly realistic dark-mode social media interface mockup that closely resembles the desktop X/Twitter layout in French, shown as a full-browser screenshot with three vertical columns on a black background and subtle dark gray separators. The left sidebar contains exactly 11 navigation items stacked vertically with white icons and labels: “Accueil”, “Explorer”, “Notifications” with a small blue badge showing 3, “Messages”, “Grok”, “Signets”, “Communautés”, “Premium”, “Organisations certifiées”, “Profil”, and “Plus”. At the top of this sidebar place the white X logo, near the lower-middle add a large rounded white button labeled “Poster”, and at the bottom show a compact logged-in account block for Martin Dubois with handle @martindubois and a small circular avatar. The center column is the main profile page for {argument name="profile name" default="Martin Dubois"}, with a top bar showing a back arrow, the name “Martin Dubois” and a blue verification badge, and underneath the text “1 248 posts”. Below that, include a wide panoramic cover photo of dramatic cloudy alpine mountains above a forest lake. Overlapping the bottom-left of the banner, place a circular profile picture of a young man in dark clothing, face slightly obscured or blurred, with a pale background and a thin border. On the right side of the profile header place three small circular action buttons and one prominent rounded light button labeled “Éditer le profil”. Under the avatar show the display name Martin Dubois with a blue verification badge, the handle @martindubois, and a one-line bio in French: “Créateur de contenu • Passionné de tech, de design et de productivité.” Then add a metadata row with exactly 4 items: location “Lyon, France”, website “martindubois.com”, and “A rejoint X en janvier 2021”, followed by a follower row reading “320 abonnements” and “12,4 k abonnés”. Add a horizontal tab bar with exactly 5 tabs: “Posts”, “Réponses”, “Tweets marquants”, “Médias”, and “J’aime”, with “Posts” active and underlined in blue. Beneath the tabs, show a feed containing exactly 3 visible posts by Martin Dubois. Post 1 is pinned, indicated by “Épinglé”, dated “12 mai”, with the French text “10 leçons que j’ai apprises en construisant mon projet pendant 2 ans” followed by an emoji, and an engagement row with 5 values: 24 replies, 142 reposts, 1 k likes, 85 k views, and a bookmark/share area. Post 2 is dated “2h” with the French text “Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.” and engagement values 12 replies, 37 reposts, 256 likes, and 8 k views. Post 3 is dated “1j” with the French text “Un week-end à Chamonix, toujours ressourçant” followed by a mountain emoji, and includes a large embedded image of snowy mountain peaks under soft daylight. Use circular avatars at the left of each post and thin separators between posts. The right sidebar starts with a rounded search field containing the placeholder “Chercher”. Below it, include a card titled “Vous pourriez aimer” with exactly 3 suggested profiles, each with avatar, display name, handle, blue verification badge, and a white rounded “Suivre” button: “Théo Catarino” @theocatarino, “Aurélie Martinez” @aurel_martinez, and “Ulrich Rozier” @ulrichrozier. Add a “Voir plus” link at the bottom of that card. Under it, create a trends card titled “Tendances : France” listing exactly 4 trends in ranked order with category and post counts: 1. “#RolandGarros” with “32,1 k posts”, 2. “#FêteDesMères” with “18,4 k posts”, 3. “Mbappé” with “45,2 k posts”, 4. “#LundiMotivation” with “12,3 k posts”. Add a “Voir plus” link below the trend list. At the very bottom place a compact footer with multiple small gray legal links and “© 2024 X Corp.”. The entire image should look almost indistinguishable from a real desktop screenshot: crisp typography, authentic spacing, realistic UI proportions, subtle rounded cards, white and gray text on near-black surfaces, blue accent color, polished anti-aliased icons, and a clean modern product-design aesthetic.