CURATED · OPEN · FREE

Harvey

An AI platform for top law firms.

ailegal

↓ Download design system (30 MB)Open in OpenDesign

Visit: https://www.harvey.ai

📦 Browse pack contents →

Identity DNA

legalAIpremiumsophisticatedtrustworthy

A high-end legal service meets modern technology.

Color

#FAFAF9Ink

#0F0E0DInk soft

#8F8B85Muted

rgba(250, 250, 249, 1)Line

Monochromatic, high-contrast dark palette with minimal color usage.

Typography

transitional-serif · humanist-sans

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

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

8px base grid

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

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

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Left-aligned hero content over a full-width background image, followed by a logo strip and grid sections.

Motion & Interaction

150msmicro

300mssmall

400msmedium

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

Fade-in on scroll · Smooth hover transitions

Background color fill on buttons, subtle opacity changes on links. · Standard pointer cursor.

Components

button White outline buttons with black text and rounded corners, solid white buttons for primary actions.
card Clean cards with generous padding, often featuring photography or video thumbnails.
hero Full-viewport cinematic background image with left-aligned text overlay.

Voice & Don'ts

Tone Authoritative, professional, and confident.
Headlines Short, punchy serif headlines that emphasize expertise.
CTAs Direct, action-oriented, and clearly differentiated.

Don't use bright, neon accent colors — the screenshot shows a restrained, near-monochrome palette.
Don't use a generic geometric sans-serif for headlines — the screenshot shows a sophisticated serif font.
Don't use heavy drop shadows on elements — the screenshot shows flat surfaces and subtle borders.
Don't clutter the layout with too many elements — the screenshot shows generous whitespace and a clear hierarchy.
Don't use rounded, bubbly button shapes — the screenshot shows slightly rounded, but firm rectangles.
Don't use low-quality or generic stock photography — the screenshot shows high-quality, cinematic imagery.
Avoid: Jargon
Avoid: Playful language
Avoid: Aggressive sales copy

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

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.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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