厳選・オープン・無料

Somethingspecialstudios

UI装飾よりもビジュアルワークとタイポグラフィを優先する、大胆で画像主導のクリエイティブエージェンシーポートフォリオ。

01

デザイン DNA

デジタルギャラリーに翻訳されたハイエンドファッション誌。

02

カラー

クリーム色の背景に厳密にブラックのタイポグラフィ。ビビッドな写真を唯一のカラー要素とする。

03

タイポグラフィ

transitional-serif

• display75px · 400
• body16px · 400
• caption12px · 400

すべてのテキストにAntiqueLegacyフォントファミリーを使用。 · すべての要素で厳密にフォントウェイト400を維持。

04

余白

ギャップとpaddingに8pxのベースラインリズムを採用。

05

サーフェス (角丸 / 影 / 罫線)

控えめな区切りとして1px solidのボーダーカラーを適用。

06

レイアウト

最小限のpaddingを備えたフルワイドの画像グリッド。

07

モーションとインタラクション

hoverおよびページ遷移時のopacityフェードと控えめなtransform。

カーソルがポインタに変化。控えめなopacityまたはtransformトランジション。 · 標準的なナビゲーション。

08

コンポーネント

• button カーソルポインタ付きのテキストのみリンク。
• card 下部にテキストメタデータを配置した画像主導のギャラリーアイテム。
• hero 上部に配置された巨大なタイポグラフィタイトル。

09

文体と禁止事項

• トーン ミニマル、プロフェッショナル、自信に満ちた。
• 見出し 大型で太字のセリフフォント。
• CTA シンプルなテキストリンク。

• 明るいUIアクセントを使用しない — スクリーンショットでは、デザインが写真に依存してカラーを形成していることがわかる。
• サンセリフフォントを使用しない — スクリーンショットでは、一貫してトランジショナルセリフの書体が使用されていることがわかる。
• 重いシャドウやボーダーラディウスを使用しない — スクリーンショットでは、フラットで端から端まで張りつめた画像が示されている。
• 密集したテキストレイアウトを使用しない — スクリーンショットでは、最小限で簡潔なコピーと大きな余白が示されている。
• 複雑なナビゲーションメニューを使用しない — スクリーンショットでは、フラットで上揃えのナビゲーションバーが示されている。
• 丸みのある画像コーナーを使用しない — スクリーンショットでは、すべての画像に厳密な長方形のクロップが適用されている。
• 避ける: 装飾要素
• 避ける: 複雑なグラデーション
• 避ける: ビビッドなUIアクセント
• 避ける: 密集したテキストブロック

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko