Noir AuroraMotion
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).
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). Category in mono aurora, date and read time in mono. 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 becomes a text card with a larger title and a sky glow.
It is part of Noir Aurora. The style’s 91 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.
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).
Blog posts as clay journal cards in a grid, a list or a featured layout (the first post large and full width).
Blog posts as a grid, a list or a featured layout (the first post large and full width).