ImpactLedger

rows of label and value grouped by topic with a method footnote: carbon, repair, donations, sourcing figures

role: proof pages: about, home, landing motion: reveal

Install

npx shadcn-vue@latest add @trame/content-impact-ledger   # Vue
npx shadcn@latest add @trame/content-impact-ledger       # React

ledger

@trame/content-impact-ledger--ledger

rows of label and value grouped by topic with a method footnote: carbon, repair, donations, sourcing figures

commitments-timeline

@trame/content-impact-ledger--commitments-timeline

dated promises with the merchant’s own status on each: commitments kept, ongoing or late

breakdown-bar

@trame/content-impact-ledger--breakdown-bar

one stacked bar of shares with a legend and an explanation per share: what happens to returns, where the money goes

rules-grid

@trame/content-impact-ledger--rules-grid

numbered cards saying how the figures are counted: gives credibility to the numbers above it