TruuLove Flowers
Interactive prototypes using the TruuLove design system. Each is a fresh exploration — not anchored to established patterns.
Scroll-locked picker · discard confirmation guard — center dialog (mobile), typeable combo (desktop)
Rules integrated into group editor — inline section below items list. "Limit selections" toggle (off = no cap, on = stepper reveals). Enriched item rows with thumbnail and description. Rule summary chips on collapsed group rows.
Strict OK gate on name + price. Closing the item editor with invalid data prompts a confirmation — Discard (revert) when editing existing, Delete (drop) when adding new. Group's Save/Cancel commits.
Item editor's OK is always enabled — incomplete items stay in the draft with an amber stripe, "Incomplete" pill, and "Name needed" / "Price needed" inline labels. Group save is blocked with a one-tap "Review first incomplete" jump.
Soft pill chips — desktop wraps onto multiple rows, mobile collapses to a dropdown that surfaces the active category and count
Editorial catalog — categories as magazine strips, portrait product cards, two-column detail