## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/shiui/3111a107-5e9b-4487-9176-525a4b4c448a-1789365769-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/shiui/3111a107-5e9b-4487-9176-525a4b4c448a-1789365716423-full.webp
- Component on Kage: https://kage.design/component/shiui-feature-grid-10

## Before you start
Ask what the user's product and brand are, then apply the principles below to their context rather than reproducing this reference.

Create a marks-and-motion catalogue with a two-column set of specimen cards. Show abstract brand-mark slots, icon containers, line or wave motifs, ornamental rules, ticker strips, and subtle motion states. Keep the design system intentionally spare: warm neutral background, charcoal linework, one accent color, thin borders, square containers, and small mono labels. Define animation as restrained and purposeful—short fades, slight translations, or a slow ticker—with reduced-motion fallbacks. Keep the marks generic and generated from the user's own identity system, not borrowed assets.

Never: use logos, product names, copy, illustrations or imagery from the reference.