Screen Studio — Hero
Top nav (Product, Help, Account, Pricing, We're hiring!, blue Download) over black; centered spinning violet ring, a '#1 Product of the Year - Product Hunt' pill, a very large bold white 'Beautiful Screen Recordings in Minutes' headline, and a floating Google-Sheets screen-recording mockup with webcam bubble and gradient glow.
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-centered-headline-hero-with-violet-ring-badge-and-floating-recording-mockup.
Palette
#000000#6B4BF5#E8622A#FFFFFF
Fonts
SF Pro DisplayInter
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarBadge
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
- 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
- Bento Grid — 'Add your style and branding' 2x2 video-card bento
- 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