Skip to content
LSD Framework
Components · cards · layout variants

150+ layout variants. One .lsd-card.

The base card stays the same. Type modifiers (--product, --book, --vehicle…) bring vertical-specific markup. Layout sub-modifiers — a new orthogonal axis, .lsd-card--layout-<name> — rearrange grid, spacing, image position, and content order without touching colors or typography. Compose them: .lsd-card .lsd-card--product .lsd-card--layout-list-row.

Total variants
Card types
Layout shapes
0Bespoke styles
← Back to canonical cards