ContractMarkdown parses exactly the grammar the templates use: H1 title, H2 section headings with an accented bottom rule, H3 subsections, bullet lists, bold inline, horizontal rules, blockquotes for statutory notices, and pipe tables for the estimate breakdown. accentColor is a prop, so each tenant's contracts carry their own brand. The same component renders on screen and in print.
Also called: contract formatting · branded contract · legal document styling
- 1The body is split into lines and grouped into blocks; consecutive quote lines, table rows and list items are collected together.
- 2H2 headings render uppercase with letter-spacing and a 2px accent rule at the tenant's brand colour.
- 3Blockquotes render as indented small print with a left accent bar — used for the mechanic's-lien and late-payment notices.
- 4Pipe tables render with a header row, an accent-coloured bottom border and a right-aligned tabular-numbers money column.
- 5Numbered H3s are tracked so an initials slot can replace the 'Client Initials' line inside them.
The component's docstring names the goal: 'Rendered as semantic HTML with the BarnHouse / construction palette so the contract reads like a real legal document rather than a code dump.' A customer asked to sign something that looks like a text dump does not feel like they are signing a contract.
- Legal documents rendered as unstyled or monospaced text
- Generic software branding on a builder's own agreement
- Statutory notices indistinguishable from body copy
See it on your own jobs
Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.
or keep browsing features →