LegalDesign component library

Seven structural diagrams and four quantitative charts for new designs. Each explains the relationship it can show. Older forms remain readable in existing files but are not offered here.

Diagrams

Structural relationships: sequence, hierarchy, comparison, progression, and interaction.

Charts

Quantitative relationships: every axis names its unit, every chart carries a source note, and red means open.

Walkthrough layouts

Static markup patterns for arranging explanatory units around the components.

Cards

QuestionAnswerNext act

.walk-cards > span keeps sibling points equal.

Zones

Inside scope

Outside scope

.walk-zones separates membership by enclosure.

Agenda

01 · Inventory10 min
02 · Open clauses20 min
03 · Decisions15 min

.walk-agenda > li makes order and time scannable.

Track

DraftReviewSign

.walk-track uses one line for a strict progression.