REFERENCE
Best Designs on X
セリフの Best Designs on X.com で、Designs だけを青の斜体にする。見本は三列の壁に画像と動画を置き、絞りは All の白いピル。終端は同じ寸法のスポンサーカードと、暗い Network Directory に戻す。
左の欄は固定で、上に緑の点と、桁が回る online。Inspiration の下は Best Designs だけが青で太く、Instagram、Launch Videos、Fonts、Dribbble、Behance、Websites、App Icons、OG Images、Saved Items は同じ細さのまま。Community は Feedback、Subscribe、Follow on X と 16.1K、Sign in。下は Settings。Choose cursor のところに Figma、その下に Sounds。いちばん下は © 2026 Best Designs on X。本文の地は白に近い。見出しはセリフの Best Designs on X.com で、Designs だけが青の斜体。語はぼけたまま上がってから焦点が合う。その下は白いピルの検索で、中は Search designs, creatives, or keywords...、右のキーは ⌘K。説明は中央に Discover and follow new creatives on 𝕏. Updated hourly.。その下は灰青の角丸で、LaunchVideos.Gallery と、手で選んだ動画だという一文、右に Explore Gallery。絞りは灰のトラックに All と 9766、Saved と 0。選んだ All だけが白いピルになり、右に Last updated: 6 hours ago が細い灰で残る。
この画面を残しているのは、塗る青を見出しの一語と、左で選んだ一行に限り、見本は同じ幅の壁に戻しているからだ。壁は三列で、高さは揃わず、隙間はごく細い。中は画像か、自動で再生する動画。複数枚は 1 / 4 のように枚数だけを画像の上に置く。ハンドルと認証はカードの外、ハートはすりガラスの丸で画像の右上。スクロールすると右下に、黒い Best Designs on X Daily と Subscribe が残る。終端は Previous、1、2、3、4 と 82、Next。1 だけが黒い。その下に NETWORK SPONSORS。右上は Get Featured。カードは同じ寸法で、名前、短い説明、ドメインの順を崩さない。さらに下は暗い面になり、Network Directory を白い見出しにする。左は Top Sponsors の名前と URL。上の数行だけに星。隣は Adobe Creative Cloud と Panda Network。右は Trusted by Framer, Adobe, Mobbin & 100+ design tools と Become a Sponsor。狭い幅では左の欄が上の横並びに戻り、Best Designs、Instagram、Launch Videos が端で切れる。見出しは同じセリフのまま小さく、検索、説明、Explore、All は縦に積む。online は絞りの右。見本は一列で、下に表示名。flenteが画面を組むときも、塗る色は一語と選んだ一行に限り、見本は同じ幅の壁に揃え、スポンサーは終端の同じカードに戻す。