Community Page Bento Grid
Design a modern dynamic bento grid–style community page UI within a 1600 × 800 px Figma frame, ensuring all four sections are visible without any scrolling. The layout should use asymmetrical, varied card sizes (mix of large, medium, and small rectangles) instead of uniform square cards, creating a visually engaging and modern composition while maintaining balance and readability. Use one primary (larger) card to establish visual focus, two medium cards for supporting content, and one smaller card for quick action or registration. The grid should feel structured yet organic, with consistent gutters, rounded corners, and subtle elevation. Content for the 4 bento sections: Webinar on Stoic Testing – presented as the primary, high-visibility card Use-case Submission Form – medium-sized, action-oriented card QA Ambassador Registration Form – medium-sized, community-focused card Mic Drop Registration Form – compact, energetic quick-action card Typography guidelines: Title: 32px or 36px, Semibold Subtitle: 24px, Regular, use meaningful placeholder copy Strong contrast, proper line-height, and clear content hierarchy Design & UX direction: Clean, modern, and premium visual language Clear hierarchy through size, spacing, and alignment Use icons, subtle illustrations, or accent backgrounds to differentiate cards Soft shadows, smooth corner radius, and generous internal padding Maintain high scannability and intuitive navigation despite asymmetry The overall experience should feel dynamic, community-driven, and visually rich, allowing users to immediately understand and access all four sections without cognitive overload or scrolling.