starterkit-card

@devopsnext/starterkit-card-component is the Obsidian design-system Card. Zero runtime dependencies, React as a peer dep, and no styling in the component at all — it renders data attributes and styles.css selects on them.

Design a card by picking axes, not by hunting for a variant name.

A tone publishes colour identity as CSS custom properties; a fill consumes them and knows nothing about which tone supplied them. Every mistake below is someone reintroducing a lookup table, a literal colour, or a JS style — and most of them ship green.

Documented against