厳選・オープン・無料

Guggenheim

一流の美術館のための、洗練された制度的なデザインシステム。

museumart
Guggenheim のスクリーンショット
↓ デザインシステムをダウンロード (57 MB)OpenDesign で開く

オリジナル: https://www.guggenheim.org

📦 パックの中身を見る →

01

デザイン DNA

美術館芸術モダン制度的洗練された

ブルータリズム建築に設けられた、キュレーションされたギャラリーウォール。

02

カラー

#171717Ink
#393939Ink soft
#ffffffBG
#999999Muted
rgba(23,23,23,0.2)Line

芸術への最大限の焦点を当てるための、ハイコントラストのモノクローム。

03

タイポグラフィ

grotesque-sans

プライマリナビゲーションとブランド要素には大文字を使用。 · 大きな表示テキストには広い字間を設定。 · インクと背景の間にはハイコントラクトを維持。

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

一貫した 32px/40px ギャッターを持つ、4px グリッド。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px solid #171717

06

レイアウト

1280container
12columns
32pxgutter
768 / 1024breakpoints

全幅メディアヒーローに続く、ワイドコンテンツグリッド。

07

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

100msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

ヒーローコンテンツの読み込み時のフェードイン。 · ビデオオーバーレイの滑らかな不透明度遷移。

テキスト色の変化または下線。 · ターゲットセクションへの即時ナビゲーション。

08

コンポーネント

09

文体と禁止事項

10

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

Guggenheim — 桌面首屏（hero）
桌面首屏（hero）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 移动首屏
移动首屏

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

11

System Prompt

これは一流の美術館のための、洗練された制度的なデザインシステムです。ビジュアルアイデンティティは、インクに #171717、背景に #ffffff、セカンダリインクに #393939 を使用したハイコントラストのモノクロームパレットの上に構築されています。タイポグラフィはカスタム grotesque-sans カテゴリで、表示要素には広いトラッキング、本文テキストには明確で機能的なスタイルが採用されています。レイアウトは 32px ギャッターと 1280px コンテナを持つグリッドベースで、大判画像を優先しています。重要な禁止事項は以下の通りです：明るいアクセントカラーを使用しない。角丸を使用しない。ドロップシャドウを使用しない。声は権威があり教養があり、明確な行動喚起と大文字のナビゲーションに焦点を当てます。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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