厳選・オープン・無料
Lironmoran Interiors
商業インテリアデザインスタジオのための、プレミアムでハイコントラストのデジタルポートフォリオ。
PremiumStudioCurationGalleryPhotographic
01
デザイン DNA
商業インテリアラグジュアリーミニマル建築的洗練された
ハイエンドなインテリアデザインプロジェクトのキュレーションされたギャラリー
02
カラー
#EEEEEEInk
#F2F0EDInk soft
#000000BG
#050505BG quiet
#978F84Muted
rgba(238, 238, 238, 0.2)Line
ハイコントラストで質素。極端なブラックとホワイトを駆使し、洗練された、ギャラリーのようなプレゼンテーションを実現しています。
03
タイポグラフィ
didone-serif · humanist-sans
- display
185px · 400 - heading
92px · 400 - subheading
75px · 400 - body
13px · 400 - label
23px · 400
テキストはすべて厳格に大文字です。 · タイポグラフィはライトウェイト(300/400)のみを使用します。 · セリフ体は表現力のあるディスプレイ用に限定し、 sans-serif体はすべてのUIとラベルに使用します。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
ゆったりと非対称。極端な水平パディング(172px)を活用し、コンテンツ領域に集中します。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 22px
lg · 26px
pill · 999px
最小限の1pxボーダーと、ローダーやアイコン用の円形アウトライン(50% border-radius)。
なし
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
非対称な分割レイアウトと、中央揃えの円形ローディングオーバーレイ。
07
モーションとインタラクション
100msmicro
400mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
滑らかなページトランジションとUI表示のための、オパシティとトランスフォームのフェード(0.4秒〜0.5秒)。
繊細なオパシティまたは背景色のトランジション。 · モーダルを閉じる際の滑らかなフェードアウトトランジション。
08
コンポーネント
- button 背景が白、テキストが黒の大文字の、ボーダーなしのピル型(rounded-full)ボタン。
- card 背景が黒、テキストが白、角が大きく丸められた(border-radius: 26px)中央揃えのモーダルダイアログ。
- chip N/A
- input N/A
- hero ダーク背景のフルビューポート画面。細い円形のローディングインジケーターと、大きく太字のパーセンテージカウンターを配置。
09
文体と禁止事項
- トーン 自信に満ち、、独占的で、非常に洗練されています。
- 見出し トラッキングを Tight にし、記述テキストを最小限に抑えた、巨大な全角セリフ体タイポグラフィ。
- CTA シンプルで直感的なラベルを持つ、クリーンで丸みのあるピル型ボタン。
- テキストを小文字にしないこと — スクリーンショットから、テキストはすべて厳格に大文字であることがわかります。
- 明るいアクセントカラーを使用しないこと — パレットは厳格にモノクロ(ブラック、ホワイト、ミュートグレー)です。
- 太字または重いフォントウェイトを使用しないこと — すべてのタイポグラフィは極めてライト(300/400)です。
- 刺激的なボックスシャドウを使用しないこと — デザインはフラットなサーフェスとハイコントラストに依存しています。
- 主要なコンポーネントに角のない形状を使用しないこと — ボタンとカードは柔らかく丸みのある角を特徴としています。
- 雑然としたグリッドを使用しないこと — レイアウトはゆったりとし、広めのパディングと非対称な分割を備えています。
- 避ける: カジュアルな言葉遣い
- 避ける: 雑然としたレイアウト
- 避ける: 明るいアクセントカラー
- 避ける: 装飾的なアイコン
- 避ける: 密度の高い本文コピー
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
このサイトは、商業インテリアデザインスタジオのためのプレミアムデジタルポートフォリオであり、厳格なモノクロ、ハイコントラストの美学を活用しています。プライマリーパレットは、純粋なブラック(#000000)とオフホワイト(#EEEEEE)で構成され、高彩度のアクセントカラーは使用しません。タイポグラフィは、表現力のあるディスプレイ要素用のエレガントなディドンセリフ体と、すべてのUIラベルとナビゲーション用のライトヒューマニストサンセリフ体に分かれており、テキストはすべて厳格に大文字設定です。レイアウトはゆったりとして非対称で、最大185pxの大きなディスプレイサイズを特徴としています。重要なデザイン禁止事項:テキストを小文字にしない、明るいアクセントカラーを導入しない、太字フォントウェイトを使用しない、雑然とした、または密度の高いレイアウトを避けること。
en · zh-CN · zh-TW · ja · ko