精選 · 開放 · 免費

Harvey

專為頂尖律所打造的 AI 平台。

ailegal

Harvey 網站截圖

↓ 下載設計系統包 (30 MB)在 OpenDesign 中開啟

原站: https://www.harvey.ai

📦 瀏覽包內檔案 →

01

設計氣質 DNA

法律AI高端精緻值得信賴

頂級法律服務與現代科技的結合。

02

色彩

#FAFAF9Ink

#0F0E0DInk soft

#8F8B85Muted

rgba(250, 250, 249, 1)Line

單色調、高對比的深色調色盤，色彩運用極簡。

03

字型

transitional-serif · humanist-sans

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

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

8px 基礎網格

05

表面 (圓角 / 陰影 / 邊線)

sm · 4px

md · 8px

lg · 12px

pill · 999px

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

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

左對齊的英雄區內容，背景為全寬圖片，後接 Logo 條列與網格區塊。

07

動效與互動

150msmicro

300mssmall

400msmedium

cubic-bezier(0.3, 0.3, 0.3, 1)easing

捲動時淡入 · 流暢的 hover 過渡效果

按鈕背景填充，連結透明度微調。 · 標準指標游標。

08

組件

button 白框黑字圓角按鈕，主要操作則使用實心白底按鈕。
card 乾淨的卡片，留白充足，常包含攝影或影片縮圖。
hero 全視口電影級背景圖片，搭配左對齊的文字覆蓋層。

09

文案語氣與禁用清單

語氣權威、專業且自信。
標題風格 簡短有力、強調專業的襯線體標題。
按鈕文案 直接、行動導向且明確區分。

勿使用明亮、霓虹的強調色 — 截圖顯示的是內斂、近乎單色的調色盤。
勿使用通用的幾何無襯線字體作為標題 — 截圖顯示的是精緻的襯線體字型。
勿使用沉重的陰影效果 — 截圖顯示的是平面表面與細微邊框。
勿用過多元素使佈局雜亂 — 截圖顯示的是充足的留白與清晰的層次。
勿使用圓潤、泡泡狀的按鈕形狀 — 截圖顯示的是略帶圓角但方正的矩形。
勿使用低品質或通用的庫存圖片 — 截圖顯示的是高品質、電影級的影像。
避免: 術語
避免: 俏皮的語言
避免: 侵略性的銷售文案

10

包內真實截圖

Harvey — 桌面首屏（hero） — 桌面首屏（hero）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Harvey — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Design a premium, sophisticated AI interface for a legal tech platform. Use a near-monochrome palette with a very dark (#0F0E0D) background and bright (#FAFAF9) text. Employ a transitional-serif for display headings and a humanist-sans for body text. Emphasize generous whitespace and high-quality cinematic photography. Ensure CTAs are clear and direct, using outline or solid white buttons. Avoid playful language or bright accent colors. The tone should be authoritative and professional.

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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