gridsAndBento
Bento with mocks instead of icons
Dark grid where the top half of each card is not a decorative icon but a mock that demonstrates the feature: a terminal reporting timings line by line, or a skeleton list. The headline uses a single type scale and separates promise from disclaimer with colour alone.
See it live and copy its promptWhat you can adjust
- Background
- Card background
- Text color
- Secondary color
- Card radius
- Headline size
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
