Pixloop Design.md
Harvey homepage design, full-page screenshot

Harvey

A dark, cinematic enterprise-legal-AI interface built on a near-black warm canvas (#0f0e0d) with white text, a large editorial serif headline, and a restrained warm-neutral palette. The system reads as premium, serious, and law-firm-confident — full-bleed photographic hero, near-zero ornamentation, sharp-edged light CTA buttons, and warm off-white surfaces (#fafaf9) used as the only bright relief against the dark canvas. Brand voltage comes entirely from the serif display face and the dark-to-light tonal contrast, not from accent color.

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
loading…

Color Palette

Accent

Neutrals

Typography

display 72px · 400 · 1.05
The quick brown fox jumps
title 32px · 500 · 1.1
The quick brown fox jumps
label 14px · 500 · 1.3
The quick brown fox jumps
body 14px · 400 · 1.3
The quick brown fox jumps
button 14px · 400 · 1.3
The quick brown fox jumps

Spacing & Shape

Spacing

Name Value Preview
xxs 4px
xs 8px
sm 12px
md 16px
lg 24px
xl 32px
xxl 64px
huge 128px

Border Radius

Name Value Preview
none 0px
sm 4px
md 8px

FAQ

What colors does Harvey use?
Harvey's core palette includes #0f0e0d, #0f0e0d, #1a1917, #1f1d1a, #ffffff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Harvey DESIGN.md.
What font does Harvey use?
Harvey's primary typeface is HarveySerifFont. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Harvey design system?
A dark, cinematic enterprise-legal-AI interface built on a near-black warm canvas (#0f0e0d) with white text, a large editorial serif headline, and a restrained warm-neutral palette. The system reads…

More like this