style-blueprint

name

style-blueprint

description

Blueprint engineering-drawing style tokens and row template for the list-styling skill. Monochromatic blue palette, double-ring rubber-stamp status badges, ultra-compact spec-sheet card with a blue left edge. The most compact card in the library — no sidebar, no banner. Overdue is the only element that turns red. Use when the user says "blueprint," "technical drawing," "engineering," "schematic," "spec sheet," or similar.

Blueprint — Style Tokens + Row Template

Monochromatic blue. Technical. Precise. Every card is a spec-sheet entry on an engineering drawing. Status badges are rubber stamps with double-ring borders. This is the most compact card in the library.

Layout philosophy: Ultra-compact spec sheet with a blue left edge. No sidebar, no banner — just a clean two-line card with a 4px blue left border. Line one is the document name. Line two is the stamp, progress bar, percentage, and due date — all on one row. The only color break in the entire list is overdue red. Everything else is blue, from the darkest ink to the palest wash.

---

Color Palette

Swatch	Hex	Semantic Role
1	#1e3a8a	ink — primary text, left edge, darkest blue
2	#1e40af	stamp — rubber stamp borders and text
3	#2563eb	date — date text, secondary info
4	#3b82f6	fill — progress bar fill
5	#60a5fa	label — subtle labels like "DUE"
6	#93c5fd	rule — card border, grid lines