厳選・オープン・無料

Harvey

トップ法律事務所向けのAIプラットフォーム。

01

デザイン DNA

ハイエンドな法律サービスと、モダンテクノロジーの融合。

02

カラー

モノクロ、ハイコントラストのダークパレット。カラーユースは最小限に抑える。

03

タイポグラフィ

transitional-serif · humanist-sans

• display72px · 400
• h248px · 400
• h332px · 400
• body16px · 400

04

余白

8px ベースグリッド

05

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

1px solid rgba(250, 250, 249, 1)

06

レイアウト

フル幅の背景画像上に左揃えのヒーローコンテンツを配置。その後にロゴストリップとグリッドセクションが続く。

07

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

スクロール時のフェードイン · スムーズな hover トランジション

ボタンの背景色フィル、リンクの微細な透過度変化。 · 標準のポインターカーソル。

08

コンポーネント

• button 黒テキストの白アウトラインボタン（角丸付き）。プライマリアクションには、実線の白ボタンを使用。
• card ゆったりとしたパディングを備えたクリーンなカード。写真や動画のサムネイルが配置されることが多い。
• hero フルビューポートのシネマティックな背景画像と、左揃えのテキストオーバーレイ。

09

文体と禁止事項

• トーン 権威があり、プロフェッショナルで自信に満ちたもの。
• 見出し 専門性を強調する、短く力強いセリフフォントの見出し。
• CTA 直接的で行動を促す、明確に区別されたスタイル。

• 明るいネオン系のアクセントカラーを使用しない — スクリーンショットは抑制の効いた、ほぼモノクロのパレットを示しています。
• 一般的な幾何学的なサンセリフを見出しに使用しない — スクリーンショットは洗練されたセリフフォントを示しています。
• 要素に重いドロップシャドウを使用しない — スクリーンショットはフラットな表面と微細なボーダーを示しています。
• レイアウトを要素で雑踏させない — スクリーンショットは豊かなホワイトスペースと明確な階層構造を示しています。
• 角丸でふっくらとしたボタン形状を使用しない — スクリーンショットは角が少し丸みを帯びつつも、しっかりとした矩形を示しています。
• 低品質で汎用的なストック写真を使用しない — スクリーンショットは高品質でシネマティックな画像を示しています。
• 避ける: 専門用語
• 避ける: 遊び心のある言葉遣い
• 避ける: 攻撃的なセールスコピー

10

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

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

11

System Prompt

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