Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Luminance
Legal TechLuminance embodies legal-tech sophistication through deep navy backgrounds that evoke after-hours precision work, paired with electric blue accents that signal AI-powered intelligence. The Jost typography creates an approachable yet authoritative voice - humanizing complex legal technology without sacrificing gravitas.
Design Identity
Signature Color
Luminance Electric Blue
#4A90E2
AI-powered legal intelligence and digital transformation trust
Visual Identity
Deep space-like navy backgrounds with generous whitespace create a sense of working in a premium, focused environment - like a high-end law firm's night shift powered by AI.
Component Style
Soft-rounded corners (approximately 6-8px) with clean fills and subtle gradients. Buttons have substantial presence without harsh shadows - everything feels substantial yet approachable, like premium software tools.
Spacing Philosophy
Generous breathing room with large section gaps creating executive-level spaciousness, while maintaining functional density for complex legal workflows. The 30px desktop gap creates premium separation.
Design Principles
- Typography uses consistent Jost family across all elements for unified voice
- Body text at 19px ensures readability for document-heavy workflows
- Heading weights vary from 300-600 to create clear information hierarchy
- Button text matches body size (19px) for consistency
- Mobile gaps compress to 20px while desktop expands to 30px
Target Audience
Legal professionals and enterprise decision-makers who need AI-powered document analysis tools - sophisticated users who value both cutting-edge technology and traditional legal gravitas.
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 19px | 400 | 24.7px | |
| h1 | 48px | 600 | 62.4px | |
| h2 | 32px | 500 | 40px | |
| h3 | 30px | 500 | 39px | |
| h4 | 30px | 300 | 39px | |
| p | 16px | 400 | 21.6px | |
| a | 14px | 500 | 18.2px | |
| button | 19px | 400 | 24.7px | |
| input | 19px | 400 | 19px | |
| nav | 19px | 400 | 24.7px |
Color Palette
#000000#cccccc#999999#555555
