Reusable pieces with live specimens.
Components are documented by what they do, when to use them, and how they behave visually.
Page-level compositions.
Larger, opinionated layouts assembled from primitives. Use these to start a page, then customize.
HeroSplit, HeroSplitGrid, HeroCenter, HeroCenterStacked. Shared prop contract — swap one for another per page.
FeaturedSplit, FeaturedSplitGrid, FeaturedRail, FeaturedRow. Section-level patterns for weekly recaps, scoreboards, and highlight rails.
TestimonialQuote, TestimonialPair, TestimonialGrid. External validation captured in the corpus — attribution and source always visible.
Specimens before inventory.
Leadjr components should be testable in context, not just listed by name.
Context label
Signal state, source type, or compact metadata
Forms and capture surfaces
One route should say what changes if you take it.
Panels carry story weight, not chrome.
Use for lead reads, evidence groups, route modules, and compact specimens. Do not stack panels inside panels.
The current primitive set.
These pieces form the working vocabulary for pages, queues, records, forms, and evidence surfaces.
Global frame: greeting, journey nav, left dispatch desk, content well.
Used in: All app routes
Small editorial label. Names context without becoming a badge soup.
Primary specimen surface. Use for major modules and repeatable blocks.
Action route written as a consequential sentence.
Evidence/state tag. Short, square, black-bordered.
Command button for route-level actions.
Square black-bordered form field with off-white fill.
Source-linked claim list with compact provenance.
Used in: Detail pages, case studies
Sticky top header. Switches nav set based on current route.
Used in: All routes
Editorial footer. Animated drawn logo on full pages.
Used in: All routes
In-page side rail for desk-level views.
Used in: Dispatch desk and adjacent routes
Left rail composition: today, queue, capture, jump points.
Used in: Brief / morning surface
Reusable bottom-anchored drawer. Replaced TodayOrder.
Used in: Dispatch desk batch interactions
Default content card. Use sparingly — prefer ruled rows for editorial reads.
Case-study summary tile with receipts count, filterable.
Used in: /stories index, profile views
Track filter (IC pool / Leadership pool) for /stories index.
Used in: /stories
Markdown renderer for case-study bodies with receipt-aware footnotes.
Used in: Case study detail pages
Long-form prose container with editorial measure.
Tile summary of ingestion or pipeline status.
Used in: Ingest review surfaces
Conditional header content (e.g. live weather/time strip).
Animated drawn-logo SVG for the footer.
Used in: SiteFooter
Editorial timeline + inline entry peek. See subfolder.
Used in: /field-notes
Readiness signal modules: gauges, gap callouts.
Used in: /readiness
Ingestion review components: claim proposals, source excerpts.
Used in: /ingest review surfaces
Competency level readout components.
Used in: /readiness, level detail