LedgerCraft
Precise, tabular, accountant-approved -- numbers you can trust. LedgerCraft is a utility-first design system built for accounting software and invoice management platforms. It embraces the spreadsheet aesthetic with flat surfaces, crisp borders, and tight spacing optimized for dense tabular data. The palette is restrained and professional, using forest green for positive balances and amber for items requiring attention. Every pixel serves clarity, alignment, and numerical precision.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxPrecise, tabular, accountant-approved -- numbers you can trust. LedgerCraft is a utility-first design system built for accounting software and invoice management platforms. It embraces the spreadsheet aesthetic with flat surfaces, crisp borders, and tight spacing optimized for dense tabular data. The palette is restrained and professional, using forest green for positive balances and amber for items requiring attention. Every pixel serves clarity, alignment, and numerical precision.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here