厳選・オープン・無料
Snøhetta
洗練されたミニマリズムで、格式ある建築およびデザインプロジェクトを紹介するグローバルなトランスディシプリナリー・プラクティス。
architecturestudio
01
デザイン DNA
建築デザイングローバルトランスディシプリナリースタジオ
エリート建築ポートフォリオギャラリー
02
カラー
#000000Ink
#FFFFFFBG
#F2F2F2BG quiet
#757575Muted
rgba(223, 223, 223, 1)Line
写真がアクセントとなる、厳格な白黒パレットによる極度のミニマリズム
03
タイポグラフィ
humanist-sans
- display
60px · 300 - h1
48px · 300 - body
18px · 300 - small
16px · 300
洗練され、エレガントな美学のために、フォントウェイトは主に300（ライト）が使用されます · 大きなディスプレイテキストの可読性を維持するために、行長は厳密に管理されます · タイポグラフィの階層は、ウェイトの変化よりもサイズの違いに大きく依存します
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
セクション間の十分な垂直方向の余白が、高級感と呼吸する余裕を生み出します
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 16px
pill · 9999px
リスト区切り線として控えめに使用される、薄い1pxボーダー
06
レイアウト
1280container
12columns
40pxgutter
768 / 1024breakpoints
十分な余白とフルブリード画像カルーセルを持つ、非対称2カラムレイアウト
07
モーションとインタラクション
200msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
インタラクティブ要素の滑らかなカラーと不透明度のトランジション · プロジェクト画像用の水平スクロールカルーセル
テキストリンクの微細なカラー変化（通常は落ち着いたグレーへ） · インタラクティブエリア全体で標準のポインターカーソル
08
コンポーネント
- button 背景スタイルのない、テキストのみのボタン。ホバーステートに依存します。
- card 下に最小限のタイポグラフィを持つシンプルな画像カード
- hero その下にオーバーラップする水平画像カルーセルを持つ、フルワイドでテキストを多用したヒーローセクション
09
文体と禁止事項
- トーン 権威があり、洗練され、抑制されている
- 見出し プラクティスに関する断定的で事実に基づいたステートメント
- CTA 目立つボタンではなく、控えめなテキストリンク
- 重いフォントウェイトを使用しない — スクリーンショットにはライト（300）ウェイトのタイポグラフィのみが使用されています
- UI要素にドロップシャドウを追加しない — スクリーンショットには完全にフラットな表面が示されています
- 鮮やかなアクセントカラーを使用しない — スクリーンショットには厳格に黒、白、グレーのみが使用されています
- カードやボタンに角丸を使用しない — スクリーンショットには主にシャープな矩形のエッジが示されています
- レイアウトに要素を詰め込まない — スクリーンショットにはセクション間の広大な余白が示されています
- カラーバックグラウンドセクションを使用しない — スクリーンショットには通して均一な白い背景が示されています
- 避ける: 過度な句読点
- 避ける: 感嘆符
- 避ける: カジュアルな言葉遣い
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは、グローバルなトランスディシプリナリー建築およびデザイン・プラクティス、Snøhettaのウェブサイトです。デザインDNAは極度のミニマリズムによって定義され、テキストに純粋な黒（#000000）を、背景に純粋な白（#FFFFFF）を使用する厳格なモノクロームパレットを活用し、セカンダリおよび控えめなテキストには#757575と#949494を使用します。タイポグラフィは、大きなディスプレイサイズでライトウェイト（300）のhumanist-sansフォントファミリー（Dovre）を排他的に使用し、洗練され、エレガントな美学を生み出します。レイアウトには十分な余白、細い1px区切り線、フルブリード画像カルーセルを持つ非対称2カラム構造が特徴です。重要なデザインルール：フォントウェイトをboldにしない、ドロップシャドウや鮮やかなアクセントカラーを追加しない、レイアウトを詰め込まず常に十分な余白を維持し、ビジュアルの区別にはウェイトではなくサイズ階層に依存します。全体的な印象は、作品が自らを語れるようにする、プレミアムでハイエンドなデザインポートフォリオです。
en · zh-CN · zh-TW · ja · ko