Malevich

Components/

Sections

9 sections shipped across 2 groups. Each tile opens a documentation page with interactive preview and full token / a11y notes.

Layout

Structural primitives that arrange other components. 4

Block-layout Single-column container with constrained measure.
Split-layout Two-panel with auto-collapse via auto-fit minmax.
Grid-layout Multi-column grid with auto-fit reflow.
Stack-layout Vertical or horizontal stack with tokenized gap.

Ready

Pre-composed, drop-in page sections. 5

Hero Above-the-fold section. 4 patterns (standard/centered/split/minimal).
CTA Mid-page conversion block. Hero-lite, centered or start-aligned.
Site-header Top chrome with logo + nav + actions; sticky opt-in, Sheet for mobile.
Site-footer Minimal single-row footer: logo + nav + copyright.
Site-footer-extended Multi-column footer with category groups + bottom row.