厳選・オープン・無料
Ncda Biz
巨大なタイポグラフィと広大な余白を重視した、プレミアムインテリアデザインスタジオのポートフォリオ。
StudioPhotographicPortfolioCleanRefined
01
デザイン DNA
ミニマリスト建築的洗練されたインテリアデザイン
芸術作品が語りかける、静寂なギャラリースペース
02
カラー
#191919Ink
#808080Ink soft
#FFFFFFBG
rgba(25, 25, 25, 0.1)Line
写真とタイポグラフィを支配させるための厳格なモノクロームパレット
03
タイポグラフィ
transitional-serif · neo-grotesque-sans · neo-grotesque-mono
- hero
280px · 400 - heading-lg
62px · 400 - body-lg
32px · 400 - body
21px · 400 - caption
11px · 400
セクション見出しには大文字を使用 · 大きなディスプレイサイズでは極めてタイトな文字間隔を維持 · フォントウェイトは通して400に統一
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
不規則で、コンテンツと呼吸空間の要件によって規定される
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
視覚的な境界線なし
06
レイアウト
1920container
12columns
48pxgutter
768 / 1024breakpoints
グリッドレスで、非常に非対称なレイアウト、広大な余白
07
モーションとインタラクション
220msmicro
220mssmall
400msmedium
cubic-bezier(0.77, 0, 0.175, 1)easing
hover時の滑らかな透過トランジション · インタラクティブ要素のカラートランジション
0.2秒のトランジションによる微妙な色の変化 · 標準のポインターカーソル
08
コンポーネント
- button 単純なカーソルポインタを持つテキストのみのインタラクティブ要素
- card 境界線や背景のない、フルブリードの高解像度写真
- chip 視覚上なし
- input 視覚上なし
- hero ビューポート下部にアンカーする巨大なタイポグラフィと、その上に配置された導入テキスト
09
文体と禁止事項
- トーン プロフェッショナル、静寂、建築的
- 見出し ミニマリスト、大規模、ステートメント重視
- CTA カウント用の括弧を持つ控えめなテキストリンク
- ドロップシャドウを使用しない — スクリーンショットは完全にフラットでlevationがないデザインを示しています
- 角丸を使用しない — スクリーンショットはすべての要素が完璧にシャープなエッジであることを示しています
- 中央揃えのレイアウトを使用しない — スクリーンショットは左揃えのテキストと非対称な配置を示しています
- セクションに背景色を追加しない — スクリーンショットは純粋な白い背景のみを示しています
- 明るいアクセントカラーを使用しない — スクリーンショットは厳格にモノクロームなパレットを示しています
- 装飾的な境界線や区切り線を使用しない — スクリーンショットは間隔とタイポグラフィがすべての区切り仕事を行っていることを示しています
- 避ける: 感嘆符
- 避ける: 明るい色
- 避ける: 装飾要素
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは白（#FFFFFF）とダークブラウン（#191919）、そしてセカンダリテキストにグレー（#808080）を用いた厳格なモノクロームパレットを使用するプレミアムインテリアデザインスタジオのポートフォリオです。タイポグラフィは、ディスプレイ要素にはトランジショナルセリフ、本文にはネオグロテスクサンセリフを組み合わせています。レイアウトは、全幅の「NCDA」頭文字のような巨大なタイポグラフィ要素と、大量の余白が特徴です。重要な禁止事項：アクセントカラーの導入は絶対にせず、角丸は使用せず、コンテンツを中央揃えにせず、セクションに背景色を追加しないこと。デザインはUIの密度よりも写真コンテンツと呼吸空間を優先します。
en · zh-CN · zh-TW · ja · ko