厳選・オープン・無料

Auros Global

高額デジタルマーケット取引のためのプレミアムフィンテックインターフェース。

FintechPremiumDark ModeGradientCalm
Auros Global のスクリーンショット
↓ デザインシステムをダウンロード (16 MB)OpenDesign で開く

オリジナル: https://auros.global

📦 パックの中身を見る →

01

デザイン DNA

暗号通貨流動性インフラ機関投資家向け

ネオンの光る縁を持つモダンなデジタル銀行の金庫

02

カラー

#FFFFFFInk
#BBC7C6Ink soft
#001413BG
#012624BG soft
#003734BG quiet
#707777Muted
rgba(1, 38, 36, 1)Line

深みのあるティールを基調とし、主要なアクションに空想的で虹色のグラデーションアクセントを用います。

03

タイポグラフィ

geometric-sans · sans-serif · monospace

すべての主要ナビゲーションとボタンは、幅広いトラッキング付きの全大文字を使用 · 見出しはインパクトを与えるため、タイトなネガティブ文字間隔を使用 · 本文は読みやすさを維持するため、快適な行間を保つ

04

余白

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

一貫した4pxベースグリッドを、高級感を出すためのゆったりとした垂直方向の余白とともに使用。

05

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

sm · 4px
md · 6px
lg · 16px
pill · 999px

最小限に抑え、暗い背景に馴染むような深いティールのボーダーを使用。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

全面幅のダークなヒーローセクションから、ゆったりとしたサイドパディングを持つ構造化されたコンテンツブロックへと移行。

07

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

200msmicro
200mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

グラデーションのbackground-positionの滑らかなシフト · ホバー状態の繊細な不透明度フェード

200msのease-in-outで、背景色または不透明度を繊細に変化させる。 · 不透明度を下げることで即座の視覚フィードバックを提供。

08

コンポーネント

09

文体と禁止事項

10

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

Auros Global — 桌面首屏（hero）
桌面首屏（hero）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 移动首屏
移动首屏

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

11

System Prompt

これは暗号通貨流動性プロバイダーのためのプレミアムフィンテックウェブサイトです。深みのあるダークなティールの背景に、空想的で虹色のグラデーションアクセントシステムを特徴としています。タイポグラフィは、ディスプレイ用にジオメトリックサンセリフ、本文用にクリーンなサンセリフを採用し、幅広いトラッキングの大文字ラベルを多用しています。レイアウトはゆったりと中央に配置され、権威と機関としての信頼性を強調しています。重要な禁止事項：明るく彩度の高いプライマリカラーは決して使用せず、見出しに細く軽いタイポグラフィは避け、カードやボタンに鋭く四角い角は使用せず、重いドロップシャドウは避け、窮屈なレイアウトではなくゆったりとした間隔を維持し、主要なナビゲーションやCTAに小文字は決して使用しないこと。

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

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

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

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