Neo-BrutalMotion
Customer quotes in the kit's voice: the display face for the quote, a mono byline, a big type-figure metric. featured is the mockup's layout, rules not boxes: the first quote large on columns 1–7 with a cobalt quote mark, an xl avatar and its metric at the end, the others stacked on 8–12 between rules; on phones every metric sits above its byline. grid is a ruled sheet of quote cells, masonry flat cards in columns, marquee rows of flat cards scrolling (an ambient loop: it pauses offscreen, on hover and with MotionToggle).
Customer quotes in the kit's voice: the display face for the quote, a mono byline, a big type-figure metric. featured is the mockup's layout, rules not boxes: the first quote large on columns 1–7 with a cobalt quote mark, an xl avatar and its metric at the end, the others stacked on 8–12 between rules; on phones every metric sits above its byline. grid is a ruled sheet of quote cells, masonry flat cards in columns, marquee rows of flat cards scrolling (an ambient loop: it pauses offscreen, on hover and with MotionToggle). Each quote is a figure with a blockquote and a figcaption. Put a key phrase of the first quote in uline when the page has no other underline. Use real names and roles only.
It is part of Neo-Brutal. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
Customer quotes on lit cards with the sky spotlight: a grid, a featured layout (the first quote large over 8 columns with its aurora metric and media such as CompareBars, the rest beside it), a masonry wall or a scrolling marquee.
Customer quotes on clay cards as a grid, a featured layout (the first quote large on butter, with its metric and media), a masonry wall or a scrolling marquee.
Customer quotes as a grid, a featured layout (the first quote large on 7 columns with its case tag and media, the others on 5 with their metric as a mono tag), a masonry wall or a scrolling marquee.