厳選・オープン・無料

Wallpaperprojects

ビジュアルデザイン・プロジェクトのためのミニマリストでハイアートなデジタル・ポートフォリオ。

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

オリジナル: https://wallpaperprojects.com

📦 パックの中身を見る →

01

デザイン DNA

ギャラリーキュレーションデザイン中心ビジュアル・カルチャー

ハイエンド・デザイン雑誌のデジタル展示空間。

02

カラー

#1E1E1EInk
#FBF9F3BG
rgba(30, 30, 30, 1.0)Line

厳格なモノクロパレット。暖かみのあるオフホワイトの背景を採用し、プロジェクトイメージがすべてのカラーを担います。

03

タイポグラフィ

transitional-serif · geometric-sans · monospace

すべてのディスプレイ・テキストは、 Tightな字間のハイコントラスト・トランジショナル・セリフでセットします。 · すべてのUIおよび機能テキストは、幅広のジオメトリック・サンスエリフでセットします。 · 大文字は、ナビゲーションや小さなラベルに使用し、メインの見出しには使用しません。

04

余白

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

豊かでスパンの広いレイアウト。明確なゾーンと、主要コンテンツブロック間の大きなパディングを確保します。

05

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

sm · 4px
md · 20px
lg · 20px
pill · 9999px

最小限の1pxの実線を、スクロールインジケーターやメニューアイコンなど、UI要素に控えめに使用します。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

清潔なシングルカラムレイアウト。巨大で没入感のあるイメージとタイポグラフィを優先し、固定ヘッダーを採用します。

07

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

220msmicro
300mssmall
500msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing

ほとんどの状態変化に対して、減速するスムーズなトランジション（0.2秒および0.5秒の期間）。 · コンテンツの表示・非表示時のオペシティ・フェード。

インタラクティブ要素に対してカーソルがポインタに変化。オペシティまたはカラーの微細なトランジション。 · 明確なクリック状態は表示されず、おそらくホバーと同じトランジションに依存。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

これは、デザインスタジオのためのプレミアムでギャラリー風のエディトリアル・ウェブサイトです。非常に暖かみのあるオフホワイト背景（#FBF9F3）と、ダークでほぼ黒のテキスト（#1E1E1E）を使用します。タイポグラフィは、ディスプレイ見出し用の大きくハイコントラストなトランジショナル・セリフと、しばしば大文字でセットされるUI要素用の幅広なジオメトリック・サンスエリフを組み合わせています。レイアウトはミニマリストでスパンが広く、巨大で没入感のあるイメージとタイポグラフィに焦点を当てています。重要なデザインルール：1) 純白背景を使用せず、暖かみのあるオフホワイト・トーンを使用すること。2) メインのセリフ・ディスプレイ・フォントにボールドのウェイトを使用せず、通常（regular）を維持すること。3) 派手なアクセントカラーを導入せず、プロジェクト写真がすべての色味の変化を担うようにすること。4) エディトリアルでギャラリー感を保つため、豊かな間隔とシングルカラム・フローを維持すること。

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

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

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

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