Noir Aurora Blog Cards
Blog posts on lit cards with graded images and the hem: a grid, a list or a featured layout (the first post large and full width).
Neo-BrutalMotion
Blog Cards
Blog posts as pressable cards (an image frame at the top that zooms on hover, a neutral category badge and a mono date, a bold display title, the excerpt and an author row), ruled rows (list) or a featured layout (the first post wide, image on 7 columns, text on 5).
Live, interactive React component · light themeResponsive
About the Neo-Brutal Blog Cards
Blog posts as pressable cards (an image frame at the top that zooms on hover, a neutral category badge and a mono date, a bold display title, the excerpt and an author row), ruled rows (list) or a featured layout (the first post wide, image on 7 columns, text on 5). Each post is an article with one link on its title that covers the card; the focus ring draws on the card. A post without an image is a text card, nothing left empty.
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.
Soft Bento Blog Cards
Blog posts as clay journal cards in a grid, a list or a featured layout (the first post large and full width).
Swiss Tech Mono Blog Cards
Blog posts as a grid, a list or a featured layout (the first post large and full width).