A highly condensed, high information density list item card. Features a 40x40 icon box with a subtle 1px border. On peer hover, the icon box brightens and casts a snappy shadow to indicate interactivity.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use a minimal, tech-focused card component with a left-aligned icon box (40x40px). The icon box uses a sharp 6px radius and a subtle border (1px solid #0F172A14). To the right, stack a bold, small title (#0F172A) and a muted description (#64748B) with very tight line-height (gap-0.5). Add a group-hover effect on the entire row: the background slightly darkens (#0F172A05), and the child icon box instantly (150ms) gains a 0 4px 6px -1px #0000000D, 0 2px 4px -2px #0000000D drop shadow and a darker border. This card conveys minimal, cool, and futuristic technical precision.A highly condensed, high information density list item card. Features a 40x40 icon box with a subtle 1px border. On peer hover, the icon box brightens and casts a snappy shadow to indicate interactivity.