Luma — Bento Grid
A creative production and asset management tool for turning workflows into reusable skills, collaborating on team projects, and exporting polished deliverables across formats. The screen presents four feature cards in a 2x2 grid layout with descriptive headings, supporting copy, and illustrative mockups: Luma Skills (workflow automation), Team Workspaces (credit and usage management), Export for Production (EXR file delivery), and From assets to deliverables (format conversion to DOCX, PDF, XLSX, PPTX with captions).
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/luma-what-s-new-feature-bento-on-gray.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #7D7472 |
| Contrast | 4.55 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.226 |
| Measured size | 1600×1890 px |
Palette
#EFEFEE#FFFFFF#111111#2F6BED#E03A2F
Page types
Detail
UX patterns
Bento GridStats / KPIs
UI elements
CardBadgeAvatar
Context
- Parent page: Creative-agent AI platform landing with dark hero, product canvas mockup, and dense use-case grid
- All of Luma
Other sections on this page
- Hero — Dark hero with brand pill and agent-canvas screenshot
- Logo Wall — Muted agency/brand logo wall
- Feature — Core Product Differentiation node-graph card + 3 feature tiles
- Gallery / Showcase — Designed for Professional Creative Workflows use-case grid
- Gallery / Showcase — Creative Agents That Transform Execution showcase
- Footer — Empty trailing whitespace (no footer rendered)