JotiJournal
Design System

JotiJournal Design System

A premium architectural framework for legal publications. This system ensures consistency, efficiency, and a state-of-the-art user experience across all JotiJournal platforms.

Color System

Branding & Palette

Legal Blue
#0F172A
Legal Gold
#C5A059
Legal Slate
#475569
Surface / BG
#F8FAFC
Typography

Typography Standards

Libre Baskerville

Standard font for legal headers, article titles, and emphasized quotations.

Inter Sans-Serif

Modern typography for user interfaces, body copy, and navigation. Highly legible at all sizes. Bold weight, Medium weight, and Medium weight are used for hierarchy.

Buttons & Actions

Button Variants

Social Identity Icons
Alerts & Badges

Themed Messaging & Indicators

Success: Case file has been successfully uploaded.
Notice: New constitutional amendment updated.
Warning: Subscription expiring in 3 days.
Error: Authentication failed, please check trial.
Judgement Published Featured Content Verified Case High Priority Pending Review
Forms & Inputs

Input & Search Controls

Modals & Accordions

Overlays & Structured Content

Premium Modals

Trigger architectural overlays for complex interactions.

Utilize the premium search box by typing the citation (e.g., 2024 INSC 1). Our state-of-the-art engine will index relevant cases instantly.

The "Held Section" highlights the final judicial determination of the court, extracted for quick legal briefing and analysis.
Progress & Loaders

Themed Loading States

Document Indexing Progress 75%
Archival Synchronization 45%
SYSTEM LOADERS
>