厳選・オープン・無料

Lironmoran Interiors

商業インテリアデザインスタジオのための、プレミアムでハイコントラストのデジタルポートフォリオ。

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

オリジナル: https://www.lironmoran-interiors.com

📦 パックの中身を見る →

01

デザイン DNA

商業インテリアラグジュアリーミニマル建築的洗練された

ハイエンドなインテリアデザインプロジェクトのキュレーションされたギャラリー

02

カラー

#EEEEEEInk
#F2F0EDInk soft
#000000BG
#050505BG quiet
#978F84Muted
rgba(238, 238, 238, 0.2)Line

ハイコントラストで質素。極端なブラックとホワイトを駆使し、洗練された、ギャラリーのようなプレゼンテーションを実現しています。

03

タイポグラフィ

didone-serif · humanist-sans

テキストはすべて厳格に大文字です。 · タイポグラフィはライトウェイト(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

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

このサイトは、商業インテリアデザインスタジオのためのプレミアムデジタルポートフォリオであり、厳格なモノクロ、ハイコントラストの美学を活用しています。プライマリーパレットは、純粋なブラック(#000000)とオフホワイト(#EEEEEE)で構成され、高彩度のアクセントカラーは使用しません。タイポグラフィは、表現力のあるディスプレイ要素用のエレガントなディドンセリフ体と、すべてのUIラベルとナビゲーション用のライトヒューマニストサンセリフ体に分かれており、テキストはすべて厳格に大文字設定です。レイアウトはゆったりとして非対称で、最大185pxの大きなディスプレイサイズを特徴としています。重要なデザイン禁止事項:テキストを小文字にしない、明るいアクセントカラーを導入しない、太字フォントウェイトを使用しない、雑然とした、または密度の高いレイアウトを避けること。

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

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

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

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