Screen Studio — Bento Grid
Heading 'Add your style and branding' over a two-by-two grid of dark cards (Background and spacing, Horizontal and vertical output, Shadow and inset, Cut & Speed up) each with a captioned autoplay video preview of the editor.
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/screen-studio-add-your-style-and-branding-2x2-video-card-bento.
Palette
#000000#E8622A#3FB7A8#FFFFFF
Fonts
SF Pro DisplayInter
Page types
Detail
UX patterns
Dark ModeBento Grid
UI elements
Card
Context
- Parent page: Beautiful Screen Recordings landing with dark gradient-glow hero and stacked product-feature showcases
- All of Screen Studio
Other sections on this page
- Hero — Centered headline hero with violet ring badge and floating recording mockup
- Logo Wall — 'Helping people create...' six-brand logo strip
- Gallery / Showcase — 'Made with Screen Studio' video example carousel
- Feature — Engaging recordings / automatic zoom / professional animations feature stack
- Feature — Easy recording, webcam/mic/audio, and iPhone-on-Mac feature blocks
- Bento Grid — 'Export & Share' 2x2 export-feature bento
- Gallery / Showcase — 'There is more' horizontal-scroll extra-features row
- Feature — 'Designed for macOS' centered app-icon dock band
- Testimonial / Social Proof — 'Meet Screen Studio users' four-column testimonial wall
- Pricing / Plans — Two-card Monthly $29 vs Yearly $9 pricing
- FAQ — 'Questions & Answers' collapsed accordion
- Footer — Multi-column dark footer with brand mark