厳選・オープン・無料

Wandelmaier

プロダクトデザインストラテジストのための、洗練されたハイコントラストのポートフォリオ

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

オリジナル: http://wandelmaier.com

📦 パックの中身を見る →

01

デザイン DNA

プロフェッショナルヒューマンセンター戦略的クリエイティブ

ミニマルな建築スタジオのポートフォリオ

02

カラー

#FFFFFFInk
#191816BG
#A9A9A9Muted
rgba(255, 255, 255, 0.1)Line

控えめなニュートラル色のテキストカラーを持つハイコントラストのダークテーマ

03

タイポグラフィ

transitional-serif · humanist-sans

04

余白

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

32pxの基本增量による、ゆったりとした垂直リズム

05

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

sm · 4px
md · 48px
lg · 72px
pill · 9999px

ほとんどの要素に目立つボーダーはなし

06

レイアウト

1440container
12columns
32pxgutter
768 / 1024breakpoints

豊富な余白を持つ、大きなセンタリングコンテンツブロック

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

インタラクティブ要素の微細なbackground-colorトランジション · 即座のビジュアルフィードバック

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

これはプロダクトデザインストラテジストのための個人ポートフォリオです。ポジショニングはプロフェッショナルで洗練され、ハイエンドな職能に焦点を当てています。主要カラーは、深い温みのあるオフブラック背景（#191816）、鮮やかな白のテキスト（#FFFFFF）、および補助情報用の控えめなグレー（#A9A9A9）です。パレットは、鮮やかな緑（#34A847）、柔らかなピンク（#FBCBCB）、暖かみのあるコーラル（#F27851）という3つの大胆な単色の図形で強調されています。タイポグラフィには、UI用にヒューマンサンセリフ（PolySans）、表現力のあるディスプレイテキスト用にトランジショナルセリフ（Canela）が使用され、どちらも非常に軽いウェイトです。重要な禁止事項：小さく密なテキストを使用しない；複数の競合するアクセントカラーを同時に使用しない；カードに重いシャドウやボーダーを使用しない；見出しに大文字を使用しない；ライトカラースキームを使用しない；複雑でごちゃごちゃしたレイアウトを使用しない。

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

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

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

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