Skip to content

JSX Court Layout Recipe

FieldValue
TypeSkill Resource
Source~/.copilot/skills/legal/recipes/jsx-court-layouts.md
DescriptionNot specified

Source Content

JSX Court Layout Recipe

Use this recipe when implementing a print-first legal document in JSX or another programmable layout system.

Preferred structure

  1. Page wrapper with letter-size print margins.
  2. One main content column unless a caption or comparison layout requires more.
  3. Formal title block.
  4. Caption or case-information block.
  5. Main body sections with clear hierarchy.
  6. Signature and service area.

Typography map

  • Kicker: all-caps sans-serif, letter-spaced, small, restrained.
  • Title: serif, high contrast, centered or strongly aligned.
  • Section heading: serif, slightly smaller than title, stable line height.
  • Body: sans-serif with enough line height to stay readable in print.
  • Labels and metadata: sans-serif, lighter color, shorter line height.

Spacing map

  • Page top to title block: generous.
  • Kicker to title: tight.
  • Title to subtitle: moderate.
  • Major section to section: consistent and deliberate.
  • Heading to body: tighter than body-to-next-section.

Things to remove when polishing

  • Extra worksheet labels.
  • Count badges that repeat obvious information.
  • Border boxes that no longer serve structure.
  • Gutter line numbers unless the user explicitly wants pleading paper.
  • Internal notes like “use bracketed placeholders” in the final sendable view.