厳選・オープン・無料

Linusrogge

厳格なアンチ・マネー・ランダリングワークフローとデータ集約的なタスク管理のために設計された、クリーンで実用主義的なフィンテック・ダッシュボード。

01

デザイン DNA

金融専門家向けの規制コンプライアンス・コマンドセンター

02

カラー

主要アクションを示す単一の戦略的な青アクセントを備えた、高コントラストのユーティリティ・カラー。

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

• display40px · 600
• heading24px · 500
• body14px · 400
• caption12px · 400

密集したデータ表にはスペース効率を最大化するために、 tight leading を使用する。 · すべてのテキスト要素において、スタイリッシュな派手さよりも可読性を優先する。 · プライマリとセカンダリの情報を区別するために、一貫したウェイト階層を維持する。

04

余白

複雑なデータ構造や密集したレイアウトコンポーネントを整列させるための、厳密な4pxグリッド。

05

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

1px solid rgba(0,0,0,0.08)

card: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) · modal: 0 4px 16px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06)

06

レイアウト

流動的なメインコンテンツ領域をカードに分割した、固定サイドバー・ナビゲーション。

07

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

モーダルやドロップダウンメニューの控えめなフェードイン。 · チェックボックスやトグルの即時状態変化。

インタラクティビティを示すための、行やリスト項目の控えめな背景色の変化。 · ボタンやインタラクティブ要素への即時視覚フィードバック。

08

コンポーネント

• button プライマリ：ソリッド・ブルー（#0052FF）に白文字。セカンダリ：グレーのボーダーを備えたゴーストスタイル。
• card ホワイト背景、控えめなグレーのボーダー、実用的な印象を与える非常に小さいボーダー半径（4px）。
• chip ステータスインジケーターやフィルターに使用される小さな角丸タグ。よくライトな背景フィルが入る。
• input 上部に明確なラベルを備えたクリーンなテキスト入力。ボトムまたはフルボーダーを使用。
• hero 従来のヒーローセクションなし。メインビューは、即座に表示されるデータ集約的なワークスペースまたはモーダルオーバーレイです。

09

文体と禁止事項

• トーン 権威的、正確、プロフェッショナル。明確さとタスク完了に焦点を当てる。
• 見出し 直接的で機能的。明確なセクションタイトルを重視し、マーケティングの浮言は避ける。
• CTA 明確で区別されたボタン上的動詞（例：「保存して終了」「新規顧客」）。

• ビブラントで遊び心のあるカラーパレットを使用しない — スクリーンショットは、非常に抑制的で、ほとんどモノクロームのUIを示している。
• 装飾的なセリフフォントを使用しない — インターフェースは可読性のためにクリーンなサンセリフ・タイポグラフィに完全に依存している。
• 大きく広がりのあるスペーシングを使用しない — デザインは複雑なデータを表示するために情報密度を優先している。
• 重いドロップシャドウを使用しない — シャドウは非常に控えめで、カードやモーダルを軽く浮かび上がらせるためにのみ使用される。
• 丸みを帯びた、ポップなボタンを使用しない — コンポーネントは実用的な印象を与えるためにシャープで矩形的である。
• 重いオーバーレイでデータを隠さない — even モーダルもクリーンに設計され、実行可能な情報を明確に提示する。
• 避ける: 遊び心のある、または口語的な言葉遣い。
• 避ける: 曖昧でインスピレーション的なマーケティングコピー。
• 避ける: 過度の感嘆符や絵文字。

11

System Prompt

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