design-section

Design and implement a UI section using movemental's Digital Curator design system.

Section request: $ARGUMENTS

Before Starting

1. Read docs/design/DESIGN.md — the canonical design spec.
2. Read src/components/primitives/index.ts — available primitives.
3. Read src/app/globals.css — token inventory.
4. If the section has a Stitch source, read the relevant HTML in docs/build/stitch/.

Design Dimensions

1. TONAL LAYER

Choose the section's background variant:

• variant="default" — bg-background (#f7f9fb) — the airy base
• variant="section" — bg-section (#f0f4f7) — tonal shift for alternating sections
• variant="elevated" — bg-elevated (#e1e9ee) — accent band for testimonials, callouts
• variant="midnight" — bg-inverse-surface (#101820) — dark hero/proof sections