An editorial, document-first system: Charter serif for headings, display, and legal body copy; a native system-sans stack for interface text; JetBrains Mono for citations, metadata, and eyebrows. Small, sober radii and a warm terracotta accent give the product the feel of a verifiable legal document rather than a consumer app.
Your AI Legal Core
Sourced from the Redesign v2 mockups (oklch tokens, converted to HSL to match this app's existing oklch(var(--x)) convention). Never hardcode a hex value — tokens shift per theme (light/dark), high-contrast mode, and the three colorblind-safe variants.
Primary
oklch(var(--primary))
Primary CTAs, links, focus ring
Primary Foreground
oklch(var(--primary-foreground))
Text on primary surfaces
Secondary
oklch(var(--secondary))
Alternate paper surface
Destructive
oklch(var(--destructive))
Errors, critical findings
Background (Paper)
oklch(var(--background))
Warm off-white canvas
Foreground (Ink)
oklch(var(--foreground))
Near-black, blue-leaning ink
Muted
oklch(var(--muted))
Metadata backgrounds, subtle fills
Card / Surface
oklch(var(--card))
Panels, chat bubbles, table rows
Border
oklch(var(--border))
Rule lines, dividers
Input Border
oklch(var(--input))
Form field borders
Charter is a high-contrast transitional serif designed for screen and low-resolution rendering. It gives the product the air of a legal document without sacrificing legibility, and is used for headings, display type, and legal clause quotes — not general body copy.
Atkinson Hyperlegible was specifically designed for improved readability and accessibility. It features increased character spacing, unique letterforms that reduce confusion between similar characters (like b/d, p/q), and enhanced contrast that helps with dyslexia, low vision, and general reading fatigue.
4.5:1 minimum contrast ratio for WCAG AA compliance
Specialized fonts with improved character distinction
Alternative color schemes for color vision deficiency
Optimized for low-light reading environments
14px - Legal fine print
16px - Compact reading
20px - Better readability (default)
24px - Comfortable reading
28px - Large text
32px - Extra large
36px - High visibility
40px - Maximum size
Try adjusting the font size above and observe how this text changes:
The quick brown fox jumps over the lazy dog. This pangram contains all letters of the alphabet and helps you evaluate character legibility at different sizes. Legal documents often contain complex terminology that benefits from larger, clearer typography.
4xl / Bold / -0.02em
3xl / Bold / -0.015em
2xl / Bold / -0.01em
xl / Semibold
lg / Semibold
base / Semibold
Large body text for prominent content and introductions that need to stand out from regular content.
lg / Normal / Relaxed
Regular body text for main content, paragraphs, and general reading material that forms the bulk of the content.
base / Normal / Normal
Small body text for secondary information, captions, and supporting details that complement the main content.
sm / Normal / Normal
Extra small text for fine print, metadata, and minimal supporting information.
xs / Normal / Normal
Efficient, professional button design with glass effects and optimized sizing for modern interfaces.
This is a basic card component with a header, description, and content area.
This card includes action buttons in the footer area.
+12% from last month
Advanced document insights
| Document | Type | Status | Confidence | Actions |
|---|---|---|---|---|
| Contract_Agreement_2024.pdf | Contract | Completed | 98.5% | |
| Legal_Brief_Client_A.docx | Legal Brief | Processing | - | |
| Privacy_Policy_Draft.pdf | Policy | Completed | 94.2% | |
| Terms_of_Service_v2.pdf | Terms | Review | 87.3% |
This comprehensive analysis examines the terms and conditions outlined in the Master Service Agreement dated January 15, 2024, between TechCorp Industries and Legal Services Group. The agreement encompasses multiple facets of service delivery, including but not limited to intellectual property rights, liability limitations, and termination clauses.
The intellectual property clause (Section 4.2) establishes clear ownership boundaries between pre-existing materials and work product created during the engagement. Notable provisions include the assignment of derivative works and the retention of moral rights where applicable under jurisdictional law.
Liability limitations are structured through a tiered approach, with general liability capped at the total contract value, while specific exclusions apply to consequential damages, lost profits, and business interruption. The indemnification provisions create mutual protection mechanisms for both parties in cases of third-party claims arising from the performance of services.
Based on industry standards and risk assessment protocols, we recommend clarification of the force majeure provisions in Section 7.3, particularly regarding pandemic-related disruptions and cybersecurity incidents. Additionally, the data protection clauses should be updated to ensure compliance with evolving privacy regulations across multiple jurisdictions.
Instructions: Read the above text in different theme and font combinations using the accessibility controls at the top of this page. Notice how the optimized fonts and contrast ratios affect your reading comfort and comprehension during extended reading sessions.
Professional, trust-first deletion interface designed specifically for legal professionals. Features comprehensive confirmation patterns, bulk operations, and accessibility compliance.
Comprehensive filtering system designed specifically for legal document analysis and management. These components provide powerful search and filtering capabilities while maintaining accessibility and professional appearance.
Autocomplete with legal document suggestions
Organized by legal document categories
Complex filtering with multiple criteria
Specialized components designed for the Legal Library page, featuring mobile-first card layouts, professional visualizations, and advanced state management for legal document browsing.
Mobile-first card component for displaying legal documents with glass effects, gradient badges, and smooth micro-interactions. Perfect for responsive layouts across all screen sizes.
Federal · Códigos
Estado de México · Leyes
Ciudad de México · Reglamentos
Displays active search and filter criteria as removable chips. Replaces redundant filter tabs with a cleaner, more intuitive interface showing what's currently filtered.
Theme-aware badges with gradient backgrounds for categorizing jurisdiction levels and document types. Creates a professional, color-coded visual system for legal contexts.
Custom state displays for no results and error scenarios with helpful action cards and troubleshooting guidance.
No encontramos resultados para "impossible search term"
Limpiar filtros
Ver todo
Buscar ayuda
No pudimos cargar los documentos. Por favor intenta de nuevo.
Verifica tu conexión a internet
Intenta limpiar el caché del navegador
El servicio puede estar temporalmente indisponible
Si el problema persiste, por favor contacta al soporte técnico. Nos disculpamos por las molestias.
Professional risk visualization for contract analysis results. Displays overall risk level, distribution breakdown, and top individual risks with color-coded severity.
Contract lacks clear termination conditions
No expiration date specified
Insufficient liability caps
Impacto: Financial
Broad indemnification requirements
Intellectual property ownership ambiguous
Default jurisdiction applies
Mobile-first design approach with progressive enhancement across all screen sizes. Optimized for touch, responsive layout, and accessibility.