厳選・オープン・無料

Antinomy Studio

グローバルなクリエイティブスタジオのための、ミニマルでタイポグラフィ重視のポートフォリオサイト。

01

デザイン DNA

ハイエンドのクリエイティブスタジオのための、洗練されたデジタルギャラリー。

02

カラー

絶対的なモノクロームベースに、ハイコントラストのテキストと写真主導のカラー。

03

タイポグラフィ

geometric-sans

• display54px · 400
• body24px · 400
• caption12px · 400

すべてのテキストにABC Diatype（geometric-sans）を使用 · ナビゲーションと小さなラベルには大文字 · ディスプレイサイズには強い負の字間を設定

04

余白

セクション間にたっぷりのホワイトスペースを設け、写真とタイポグラフィが息づける空間を確保。

05

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

目立つボーダーや角丸はなし。純粋なフラットデザインで、端から端まで画像を表示。

06

レイアウト

中央にテキストを持つフルワイドヒーローに続き、2カラムのプロジェクトグリッド。

07

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

フェードインのopacity · 滑らかなtransformトランジション · 画像の露出

繊細なopacity変化やカーソル更新。 · プロジェクトページへの即時ナビゲーション。

08

コンポーネント

• button ミニマル、あるいは不在。インタラクションは主にリンクベース。
• card 端から端まで延びるプロジェクト画像の下に、中央揃えの大文字テキスト。
• hero 白背景上の大きな中央テキストから、フルワイドヒーロー画像へとトランジション。

09

文体と禁止事項

• トーン 権威があり、プロフェッショナルで控えめ。
• 見出し 大きな中央配置の文頭大文字ステートメント。
• CTA 見えないかプレーンテキストのリンク。

• 角丸を使わない — サイトは鋭く0pxの角を使用しています。
• ドロップシャドウを使わない — UIは奥行き効果のない完全フラットです。
• 複雑な背景色を使わない — サイトはほぼ完全にソリッドホワイトに依存しています。
• 装飾的なフォントを使わない — システムは単一の幾何学的サンセリフフォントファミリーを使用します。
• レイアウトを雑踏させない — デザインは膨大なネガティブスペースを優先します。
• 多色のボタンを使わない — 目立つ高彩度のUIコンポーネントは存在しません。
• 避ける: 視覚的な雑然とした印象
• 避ける: 角丸のUI要素
• 避ける: 複雑なグラデーション
• 避ける: 派手なカラーパレット

10

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

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

11

System Prompt

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