An issue-tracker grid tuned for scanning hundreds of rows: 36px row height, near-invisible dividers, and text hierarchy carried entirely by opacity. Selection is a soft violet wash, not a heavy highlight.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Build a Linear-style dense dark data table.
1. Density: 36px rows, 13px text, 8px horizontal cell padding. Built to show 30+ rows per screen.
2. Dividers: 1px #F5F3FF0F between rows only — no vertical lines, no outer border.
3. Header: 12px medium at #F5F3FF66, background #F5F3FF08, sticky on scroll.
4. Text hierarchy by opacity: primary cells 85% white, secondary cells 45% white. Never introduce grays as hex values.
5. Hover: row background #F5F3FF08. Selected: #8B5CF61A with a 2px violet left edge.
6. Icons and avatars are 16px; status dots 8px. Keep every glyph on the same optical row line.An issue-tracker grid tuned for scanning hundreds of rows: 36px row height, near-invisible dividers, and text hierarchy carried entirely by opacity. Selection is a soft violet wash, not a heavy highlight.
Click headers to sort, rows to select — hover styling matches the exported rules.
Click headers to sort, rows to select — hover styling matches the exported rules.