厳選・オープン・無料
Palazzomonti
文化センターのための、洗練されたミニマルなエディトリアルレイアウト。十分な余白とクラシックなタイポグラフィを重視しています。
EditorialPremiumCurationCleanCalm
01
デザイン DNA
文化センターレジデンシーアート建築ミニマリスト
洗練された、控えめな美学を持つコンテンポラリーアートギャラリーのウェブサイト。
02
カラー
#226D7AAccent
#000000Ink
#FFFFFFBG
#B0E0E9BG soft
rgba(0,0,0,1)Line
単一の落ち着いたティールアクセントを持つ、ハイコントラストのモノクロームベース。
03
タイポグラフィ
transitional-serif
- display
36px · 400 - body
20px · 400 - label
16px · 700
ディスプレイおよび本文の両方にトランジショナルセリフを使用。 · 可読性を高めるために、ゆったりとした行高を維持。 · ラベル以外ではボールドウェイトを避ける。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
大きな上下パディングを備えた、ゆったりとした垂直-spacing
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 0px
pill · 999px
1px solid #000000
06
レイアウト
1200container
12columns
24pxgutter
768 / 1024breakpoints
非対称カラムを持つフルワイド分割レイアウト
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
全要素にtransitionが有効
微妙な色の遷移 · 目立つクリック状態なし
08
コンポーネント
- button 大文字テキストのピル型アウトラインボタン。
- card カードコンポーネントは見当たりません。
- chip チップコンポーネントは見当たりません。
- input インプットコンポーネントは見当たりません。
- hero ハイコントラストのタイポグラフィを使用した、テキストベースのミニマルなヒーロー。
09
文体と禁止事項
- トーン フォーマルで、記述的で、控えめ
- 見出し セリフフォントによる短く、断定的な文
- CTA 大文字の、ピル型アウトラインボタン
- サンセリフフォントを使用しない — スクリーンショットではトランジショナルセリフのタイポグラフィが示されています。
- 明るく飽和した色を使用しない — スクリーンショットでは落ち着いたティールアクセント(#226D7A)が示されています。
- 角丸を使用しない — スクリーンショットではボタンのシャープなエッジが示されています。
- ドロップシャドウを使用しない — スクリーンショットではフラットな表面が示されています。
- ダークモードを使用しない — スクリーンショットでは明るい白い背景が示されています。
- 複雑なレイアウトを使用しない — スクリーンショットではゆったりとした単一カラムのテキストフローが示されています。
- 避ける: 遊び心のあるトーン
- 避ける: 過度な句読点
- 避ける: 視覚的な杂雑
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
ポジショニング:文化センターのための、洗練されたミニマルなエディトリアルウェブサイト。主要カラー:#FFFFFF背景、#000000インク、#226D7Aアクセント。フォントカテゴリ:ディスプレイおよび本文の両方にトランジショナルセリフ。重要な禁止事項:サンセリフフォントを使用しない、明るく飽和した色を使用しない、ドロップシャドウを使用しない。デザインは、平静さと文化的権威を伝えるために、十分な余白とクラシックなタイポグラフィに依存しています。
en · zh-CN · zh-TW · ja · ko