厳選・オープン・無料
Minimalcollective Digital
アートテックの交差点を扱う、洗練されたギャラリストールのプラットフォーム。
EditorialBold TypographyStudioExperimentalClean
01
デザイン DNA
キュレーションインターセクショナルアートテックミニマル
音楽、アート、テクノロジーを結ぶデジタルギャラリープラットフォーム。
02
カラー
#000000Ink
#5A5A5AInk soft
#3A3A3ABG
rgba(0,0,0,0.6)Line
グレーのミッドトーンを用いた、ハイコントラストなモノクロームパレット。
03
タイポグラフィ
humanist-sans
- display
49px · 400 - heading
31px · 400 - body
18px · 400 - caption
13px · 400
大きな見出しにはきつい負の文字間隔を使用。 · テキストは主にグレーバックグラウンド上の黒色。 · タグやラベルには大文字が頻繁に使用される。
04
余白
4px
9px
13px
18px
27px
36px
54px
72px
一貫した増分を持つ4.5pxの基本単位。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
構造用に1px solid blackまたは1px solid rgba(0,0,0,0.6)を使用。
なし
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024breakpoints
メーソンリースタイルの非対称グリッド。
07
モーションとインタラクション
200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
滑らかな0.2秒のopacityとbackground-colorトランジション。
微細な色の変化またはopacityのシフト。 · マイクロトランジションによる即時応答。
08
コンポーネント
- button 大文字テキストを持つミニマルなアウトラインボタン。
- card 画像とタグを備えた、グリッドベースのエディトリアルカード。
- chip 小さな、ピル型のアウトラインタグ。
- input ボーダーが下部にあるミニマルなテキスト入力。
- hero 3D回転オブジェクトの上に位置する、フル幅で中央揃えの見出し。
09
文体と禁止事項
- トーン プロフェッショナルで洗練された。
- 見出し 大きく、中央揃えで、小文字または混合ケース。
- CTA 控えめで、多くの場合アウトラインスタイルまたはシンプルなテキストリンク。
- 明るいアクセントカラーを使用しない — スクリーンショットはモノクロームパレットを示している。
- 太字のフォントウェイトを使用しない — スクリーンショットはウェイト400のみを示している。
- 主要要素に角丸を使用しない — スクリーンショットは主にシャープまたは4.5pxのradiusを示している。
- すべてのテキストを中央揃えにしない — スクリーンショットは左揃えのナビゲーションとタグを示している。
- ドロップシャドウを使用しない — スクリーンショットは完全にフラットな表面を示している。
- 装飾的なセリフフォントを使用しない — スクリーンショットはクリーンなヒューマニストサンセリフタイポグラフィを示している。
- 避ける: 明るく彩度の高い色。
- 避ける: 装飾的またはスクリプトフォント。
- 避ける: 段落が密集したレイアウト。
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これはアートテックコレクティブのための洗練されたエディトリアルプラットフォームです。デザインDNAは、ミドルグレー(#3A3A3A)の背景、ブラックインク(#000000)、微細なグレーのアクセント(#5A5A5A)を備えたモノクロームパレットを特徴とします。タイポグラフィはヒューマニストサンセリフで严格にウェイト400を使用し、大きな表現的な見出しにはきつい負の文字間隔を活用します。レイアウトは、最小限の1pxボーダーを持つクリーンで非対称なメーソンリーグリッドです。重要な禁止事項:明るく彩度の高いアクセントカラーを使用しない;太字やイタリックのフォントウェイトを使用しない;重いドロップシャドウや複雑なグラデーションを使用しない。
en · zh-CN · zh-TW · ja · ko