Maket Halaman Profil X Realistis

Buatlah mockup antarmuka media sosial mode gelap yang sangat realistis, yang meniru tata letak X/Twitter versi desktop Prancis dengan cermat, disajikan sebagai tangkapan layar browser lengkap dengan latar belakang hitam dan garis pemisah abu-abu gelap yang halus. Bilah sisi kiri berisi 11 item navigasi yang disusun secara vertikal dengan ikon dan label putih: "Accueil" (Beranda), "Explorer," "Notifikasi" (dengan lencana biru kecil yang menampilkan angka 3), "Pesan," "Grok," "Signets," "Komunitas," "Premium," "Organisasi bersertifikat," "Profil," dan "Plus." Tempatkan logo X putih di bagian atas bilah sisi ini, tambahkan tombol putih melingkar besar berlabel "Poster" sedikit di bawahnya, dan tampilkan bilah akun login ringkas Martin Dubois di bagian bawah, termasuk nama penggunanya @martindubois dan avatar melingkar kecil. Bar tengah adalah {argument name="nama profil" default="Martin Dubois"} Halaman profil utama menampilkan panah kembali, nama "Martin Dubois," dan lencana verifikasi biru di bagian atas, dengan "1.248 postingan" ditampilkan di bawahnya. Di bawahnya terdapat foto sampul panorama lebar yang menampilkan pemandangan menakjubkan Pegunungan Alpen yang berkabut, hutan, dan danau. Di bagian kiri bawah banner terdapat potret melingkar seorang pria muda berpakaian gelap, wajahnya sedikit buram atau tertutupi dengan latar belakang terang dan garis tipis. Di sebelah kanan header profil terdapat tiga tombol aksi melingkar kecil dan tombol bulat berwarna terang yang menonjol bertuliskan "Éditer le profil" (Edit profil). Di bawah potret tersebut terdapat nama tampilan Martin Dubois, lencana verifikasi biru, akun @martindubois , dan bio dalam bahasa Prancis: "Créateur de contenu • Passionné de tech, de design et de productivité." (Pembuat konten • Bersemangat tentang teknologi, desain, dan produktivitas.) Selanjutnya, tambahkan baris yang berisi metadata untuk empat item: lokasi "Lyon, Prancis", situs web "martindubois.com", dan "Bergabung kembali dengan X pada Januari 2021". Ini diikuti oleh baris pengikut yang menunjukkan "320 langganan" dan "12,4 ribu pelanggan". Tambahkan bilah tab horizontal dengan lima label: "Postingan", "Balasan", "Tweet Unggulan", "Media", dan "Suka", dengan "Postingan" aktif dan digarisbawahi dengan warna biru. Di bawah tab, tampilkan umpan yang berisi tiga postingan yang terlihat oleh Martin Dubois. Unggahan pertama disematkan, ditandai "Épinglé" (disematkan), bertanggal "12 mai" (12 Mei), dan berisi teks bahasa Prancis "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 pelajaran yang saya pelajari dalam 2 tahun membangun proyek ini) dengan emoji. Jumlah interaksi mencakup lima angka: 24 balasan, 142 retweet, 1.000 suka, 85.000 tayangan, dan area bookmark/berbagi. Unggahan kedua bertanggal "2h" (2 jam yang lalu), dan berisi teks bahasa Prancis "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (Waktu terbaik untuk memulai adalah kemarin. Waktu terbaik kedua adalah sekarang.) Unggahan ini memiliki 12 balasan, 37 retweet, 256 suka, dan 8.000 tayangan. Unggahan ketiga, bertanggal "1j" (1 hari yang lalu), berbunyi dalam bahasa Prancis, "Un week-end à Chamonix, toujours ressourçant" (Akhir pekan di Chamonix selalu menyegarkan) dan menyertakan emoji gunung beserta gambar besar puncak gunung bersalju yang bermandikan sinar matahari lembut. Setiap unggahan menggunakan avatar melingkar di sebelah kiri dan dipisahkan oleh garis tipis. Kotak pencarian bulat dengan tulisan "Chercher" (cari) berada di bagian atas sidebar kanan. Di bawahnya terdapat kartu berjudul "Vous pourriez aimer" (Anda mungkin tertarik), yang mencantumkan tiga profil yang disarankan untuk diikuti, masing-masing dengan avatar, nama tampilan, akun, lencana terverifikasi biru, dan tombol "Suivre" (ikuti) bulat berwarna putih: "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez , dan "Ulrich Rozier" @ulrichrozier . Tautan "Voir plus" (lihat selengkapnya) ditambahkan di bagian bawah kartu. Di bawahnya, buat kartu tren berjudul "Tren: Prancis," yang mencantumkan empat tren berdasarkan peringkat, termasuk kategori dan jumlah postingan: 1. "#RolandGarros" dengan "32.100 postingan," 2. "#FêteDesMères" dengan "18.400 postingan," 3. "Mbappé" dengan "45.200 postingan," dan 4. "#LundiMotivation" dengan "12.300 postingan." Tambahkan tautan "Voir plus" di bawah daftar tren. Di bagian paling bawah, tempatkan footer ringkas yang berisi beberapa tautan hukum abu-abu kecil dan "© 2024 X Corp." Tampilan keseluruhan harus terlihat hampir identik dengan tangkapan layar desktop asli: tipografi yang bersih, spasi yang autentik, proporsi UI yang realistis, sudut kartu yang membulat dengan halus, teks hitam putih pada latar belakang gelap, warna aksen biru, ikon anti-aliased yang halus, dan estetika desain produk yang bersih dan modern.