厳選・オープン・無料

Tripolis Park

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

01

デザイン DNA

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

02

カラー

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

03

タイポグラフィ

transitional-serif · humanist-sans

• display47px · 500
• body18px · 400

04

余白

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

05

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

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

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

06

レイアウト

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

07

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

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

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

08

コンポーネント

• button 矢印とアンダーライン付きのテキストリンク。背景コンテナはなし。
• card 最小限のデザイン。階層付けにはコンテナではなく、大きな画像とタイポグラフィに依存。
• hero オーバーレイされたテキストと幾何学的なアクセントを伴う、フルスクリーンまたは大きな背景画像

09

文体と禁止事項

• トーン 先見の明があり、自信に満ち、プレミアム
• 見出し 商標や幾何学的なアクセントを伴う、短くインパクトのあるフレーズ
• CTA 先頭に矢印のあるアンダーラインテキスト

• カードやボタンに角丸を使用しない — スクリーンショットでは鋭くクリーンなエッジが示されている
• 複数のUIコンポーネントでレイアウトを雑然とさせない — スクリーンショットでは豊かな余白が示されている
• 低コントラストのテキストを使用しない — スクリーンショットでは白地の黒や暗色地の白など高コントラストが示されている
• 単一の、支配的なハイクロマアクセントカラーを使用しない — スクリーンショットでは色に画像が依存している
• 遊び心のある、あるいはおちゃらけたタイポグラフィを使用しない — スクリーンショットでは構造化されたセリフ体とサンセリフのペアリングが示されている
• 雑然とした、グリッド重視のレイアウトを使用しない — スクリーンショットではクリーンで非対称、かつ広々とした配列が示されている
• 避ける: 雑然としたレイアウト
• 避ける: 低コントラストのテキスト
• 避ける: 角丸のUIコンポーネント
• 避ける: 遊び心のある、あるいはおちゃらけた言葉遣い
• 避ける: ごちゃ混ぜのインターフェース
• 避ける: あまりに企業的な専門用語

10

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

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

11

System Prompt

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