Noir AuroraMotion
Visit-us lit card for a local business: name, an open status badge with a pinging aurora dot (the view's one ping), the <address>, opening hours as a table with mono times (the current row marked with aria-current), tel: and mailto: links, a map in a ratio box (an iframe is toned to night greys on Night and paper greys on Day) and a directions link.
Visit-us lit card for a local business: name, an open status badge with a pinging aurora dot (the view's one ping), the <address>, opening hours as a table with mono times (the current row marked with aria-current), tel: and mailto: links, a map in a ratio box (an iframe is toned to night greys on Night and paper greys on Day) and a directions link.
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.
Visit-us card for a local business on a flat ink-outlined card: name, a status badge, the <address>, opening hours as a ruled table (the current row marked volt with aria-current), a secondary Directions key and ghost phone and email keys, and a map in a ruled ratio box filling the right half from lg. status reads best as an open state ("Open until 18:00").
Visit-us card for a local business in raised clay: name, an open status with a green dot, the <address>, opening hours as a table in a pressed well (today's row raised and marked with aria-current), tel: and mailto: links, a map in a ratio box and a directions link.
Visit-us card for a local business: name, an open status with a lime dot, the <address>, opening hours as a mono table (the current row lime, marked with aria-current), tel: and mailto: links, a crop-marked map in a ratio box and a directions link.