Legora

Legora

Preview image. Unlock full-res

Warm monochrome legal canvas

Industryai
Palette
#000000
#fefefc
#0a0a0a
#ebf5ed
#6b6b6b
#444444
#e1d5b6
#bdd4f0
#98a7aa

Legora employs a classic minimalist aesthetic with high contrast typography and subdued, often desaturated, color accents. The design emphasizes clear information hierarchy through sparse layouts and strong textual elements. Subtle background shifts and minimal interactive elements create an atmosphere of quiet professionalism, allowing content to take center stage. Prioritize high visual contrast between text (#000000, #0a0a0a) and background (#fefefc, #ebf5ed), maintaining AAA accessibility standards. Use Rhymes Display Light (weight 300) for large headlines (32px and up) with a tight line height and negative letter-spacing for a refined, spacious feel. Apply Suisse Intl Book (weight 450) consistently for all body text, maintaining its specific font feature settings for brand consistency. Utilize Pale Ash (#ebf5ed) as a subtle alternating background color for content sections, providing visual rhythm without strong division. Employ a radius of 8px for cards, images, and input fields to convey a soft, modern touch. Ensure interactive elements like buttons and links maintain a clear visual distinction, even if the primary action color is derived from a browser default. Use Inkwell Black (#000000) for hero section text and prominent borders to create a strong initial impression against dark backgrounds. Avoid using highly saturated colors for large UI elements; accents should be subtle and functional. Do not introduce strong drop shadows; rely on background color changes or minimal borders for surface differentiation. Do not deviate from the specified font families and weights, especially for Rhymes Display Light, as its unique weight defines the brand's headline style. Avoid over-clustering content; embrace white space and the specified elementGap (10px) to maintain a compact yet uncrowded appearance. Do not use generic system borders for inputs; always apply Pale Ash (#ebf5ed) background and 8px border-radius. Do not use multiple button styles for primary actions; stick to the translucent white filled button on dark backgrounds and the outlined white button on light backgrounds. Avoid full-bleed imagery that competes with text; imagery should be contained or used as a subtle background element as seen in the hero.

More like this