ledger.com
Design analysis
A large editorial heading introduces multiple bordered quote cards with identities and compact navigation controls. The horizontal treatment supports browsing while keeping several voices visible at once.
Prompt preview
## Reference images Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language. - Component: https://kage-design-assets.t3.tigrisfiles.io/components/ledger-com/abaab959-f9d6-43c3-8f0c-09f584ac8799-1789146872-8.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/ledger-com/abaab959-f9d6-43c3-8f0c-09f584ac8799-1789146801441-full.webp - Component on Kage: https://kage.design/component/ledger-testimonials ## Before you start Ask what the user's product is, who it serves, and what its brand voice and visual identity are. Apply the following principles to that product rather than reproducing the reference. Create a testimonial section on black with a large heading and previous/next circular controls aligned on the same row. Below, present three or four equal-width quote cards in a horizontal track. Each card uses a thin `#353535` border, 24px padding, 15–16px readable quote text, and a footer with a small avatar, name, and handle or role. Keep cards tall enough for consistent alignment and let the next card peek slightly on smaller viewports to indicate more content. Use no quotation marks if the brand prefers a cleaner editorial style. Implement accessible carousel controls, keyboard navigation, reduced-motion behavior, and a mobile one-card viewport. Avoid autoplay unless the user explicitly requests it. ### Never - Never copy logos, product names, copy, illustrations, or imagery from the reference. - Never fabricate endorsements, identities, metrics, or customer claims.
kage