厳選・オープン・無料

Tripolis Park

大胆なタイポグラフィ、表現豊かな3Dビジュアル、クリーンなレイアウトで定義される、プレミアムで環境配慮型のワークスペースキャンパス。

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

オリジナル: https://www.tripolis-park.com

📦 パックの中身を見る →

01

デザイン DNA

プレミアム環境配慮キャンパス先見の明洗練

有機的なテクノロジーと構造的なミニマリズムを融合した、プレミアムな建築ポートフォリオ

02

カラー

#000000Ink
#FFFFFFBG
#E9EAEBBG soft
#F0E7EABG quiet
#808080Muted
rgba(0,0,0,1.0)Line

高コントラストのモノクロームベースに、豊かで表現力のある3D画像とグラデーションを組み合わせる

03

タイポグラフィ

transitional-serif · humanist-sans

04

余白

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

プレミアムな建築的感覚を強調するための、豊かな余白とパディング

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

構造と強調のために選択的に使用される、薄い1pxの实線ボーダー

0 10px 30px rgba(0,0,0,0.1)

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

大きなネガティブスペースとオフセットされたテキストブロックを備えた、クリーンな単一カラムまたは非対称レイアウト

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.42, 0, 0.31, 0.99)easing

スローなease-outトランジション · パララックスのような画像のリビール

微細な透明度または変形のシフト · 変形による即座のビジュアルフィードバック

08

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

これはアムステルダムの環境配慮型キャンパス、Tripolis-Parkのための、プレミアムな建築および不動産ウェブサイトです。クリーンな高コントラストのモノクロームベース(白背景に黒のインク)を特徴とし、フォーカルポイントとして大きく表現力のある3D有機画像とソフトなグラデーションを使用しています。タイポグラフィには、ディスプレイ用にトランジショナルセリフ体、本文用にヒューマニストサンセリフを使用しています。レイアウトは広々として非対称で、エディトリアルスタイルです。主要カラーは#000000、#FFFFFF、#808080です。重要な注意点:角丸のUIコンポーネントを使用せず、雑然としたレイアウトを避け、低コントラストのテキストは使用しないでください。デザインは洗練されており、先見の明があり、複雑なUIパターンではなく高品質なビジュアルに依存しています。

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

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

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

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