Retainable bento grid animation

Project description

Retainable — Solution Bento GridA bento grid laying out the five core features of Retainable, a retainer management platform for agencies. Each box uses a soft pastel tint — blue, peach, lavender, and butter yellow — to give every feature its own territory while keeping the overall design quiet and cohesive.The UI inside each box previews a real product surface: the client-facing portal with available hours and usage, retainer utilization tracking, task management cards, the agency chat thread, PM tool integrations (Asana, Monday, Trello, ClickUp), and an automated reporting table. The central logo mark anchors the grid where the four interior corners meet.Built to feel less like a feature list and more like a peek into the product. On the live site, each box gets a subtle hover animation — content lifts, shadows deepen, and the inner UI nudges into focus so the design rewards exploration instead of just sitting there.Stack: Figma → Framer.Sections in this shot: Client-facing portal — Retainer utilization tracking — Task management — Client & agency communication — PM tool integration — Automated retainer reportingOpen to feedback. Press L if you like it 🖤 and save it for later.