100%

All the design rules that shape LexEdge —

Style Guide.
Typography

Type is the voice of the site before a single word is read. LexEdge uses two fonts — Libre Caslon Condensed for headlines and moments of weight, Instrument Sans for everything else. The scale is built to create clear hierarchy, guide attention, and make dense legal information feel approachable.

Size: 96
Line-height: 88
Weight: Regular
Heading H1
Size: 64
Line-height: 68
Weight: Regular
Heading H2
Size: 52
Line-height: 60
Weight: Regular
Heading H3
Size: 40
Line-height: 44
Weight: Regular
Heading H4
Size: 32
Line-height: 36
Weight: Regular
Heading H5
Size: 28
Line-height: 32
Weight: Regular
Heading H6
Size: 24
Line-height: 28
Weight: Regular/ Medium
Extra Large Text
Size: 20
Line-height: 28
Weight: Regular/ Medium
Large Text
Size: 16
Line-height: 24
Weight: Regular/ Medium
Primary Text
Size: 14
Line-height: 20
Weight: Regular/ Medium
Small Text
Size: 12
Line-height: 12
Weight: Medium
Extra Small Text
Colors

The color system is built for a law firm — dark, authoritative, and calm. It uses a small set of neutrals for structure and a single dark accent for focus. Everything is designed for high contrast and readability, whether you’re reading a case result or filling out a form.

#F6F3EC
Base
#ffffff
Light
#0a0a0b
Dark
Buttons

Buttons are designed for clarity. Primary actions move the user forward. Secondary actions support without competing. Every button state is intentional — default, hover, and active are built into the component.

Inputs

Inputs are built to feel calm and unintimidating. Different states — default, focus, filled, and error — help users understand exactly where they are in a form. The design stays minimal so legal intake forms never feel heavy.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Cta Section Bg

Every strong case starts with a real conversation —

Contact.
Contact with Us