Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
The design system for Harvey.ai, a legal tech company, appears to be focused on creating a clean, modern, and professional aesthetic that aligns with the brand's expertise in the legal industry. The design system utilizes a limited color palette and typography that emphasizes readability and legibility, which is crucial for a legal technology platform.

Signature Color
Charcoal Black
#0f0e0d
The charcoal black color conveys a sense of authority, expertise, and trustworthiness, which are important attributes for a legal tech company to communicate to its clients.
The visual identity of Harvey.ai is characterized by a minimalist and sophisticated design language. The use of neutral tones, such as shades of gray and white, creates a clean and professional aesthetic. The typography, featuring both serif and sans-serif fonts, adds a sense of balance and hierarchy to the design, making it easy for users to navigate and digest the content.
The UI components of Harvey.ai appear to have a balanced approach, with a mix of rounded and sharp edges. The overall style is minimal and focused, without excessive visual noise, which aligns with the brand's emphasis on efficiency and functionality.
The design system of Harvey.ai utilizes generous whitespace and spacing to create a sense of clarity and organization. This approach helps to focus the user's attention on the content and functionality, making the platform easy to use and navigate.
The design of Harvey.ai is geared towards legal professionals, such as attorneys, paralegals, and law firm administrators, who are seeking a reliable and efficient legal tech platform to support their work.
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 72px | 400 | 75.6px | |
| h3 | 14px | 400 | 20px | |
| p | 14px | 500 | 14px | |
| a | 14px | 500 | 18.2px | |
| button | 14px | 400 | 18.2px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
#fafaf9#8f8b85#0f0e0d#e5e5e3#524f49#33312c#adaba5#dad3e8#cccac6#d9cdcc#ffffff#f2f1f0