Preview image. Unlock full-res
Dark bento grid highlighting keyboard shortcuts, speed, team workflows, and command palette with UI mockups.
Summary
"Asymmetric bento" feature block selling precision UI, keyboard power, speed, and command-line control.
Visual description
Deep navy spotlight background. Centered white headline "Unlike any tool you've used before" with gray subcopy on pixel-perfect design and performance. Four rounded cards in uneven widths: wide top-left shows dark keyboard with floating shortcut hints; narrow top-right has purple lightning line icon; narrow bottom-left shows gradient circle slash icon; wide bottom-right shows command menu UI with assign/status actions. Each card ends with white title and gray description.
Key takeaway
Mixed card widths break grid monotony while pairing literal UI captures with symbolic icons. One section can cover feel (speed) and mechanics (command palette) without scrolling.
Reuse notes
Great for dev tools where interaction model is the differentiator. Mockups must be legible at card size. Works only on very dark backgrounds.
