The short version
Extract Design
By Manav Arya
Pull the colors, fonts, and full design style from any website in one go.
Video Shotcraft Product Promos
By Vincent Wei
Turn your website or app into a polished, beat-synced product promo video.
What each one does
Extract Design
- Extracts the color palette with exact color codes and the font families a site uses
- Captures spacing, shadows, rounded corners, layouts, and common components
- Scores the site's color contrast against accessibility guidelines
- Creates a visual preview page plus Figma variables and theme files for developers
- Compares the design of two websites side by side
Video Shotcraft Product Promos
- Captures real screenshots of your product pages to use in the video
- Builds a storyboard from a library of over 120 cinematic shot recipes
- Matches fonts, colors, and style to your product's own design
- Syncs cuts and motion to the beat of your chosen music and adds sound effects
- Delivers a finished MP4, with and without background music
When to pick each one
Reach for Extract Design when…
- You want to know exactly which colors and fonts a website uses
- You're studying a competitor's or inspiration site's visual style
- You need to hand a site's design system to a designer in Figma or to a developer
Reach for Video Shotcraft Product Promos when…
- You're launching a product and need a promo video for the site or social
- You want an on-brand video built from your real interface, not stock footage
- You need a single slick animated shot for a larger video
- You'd rather approve a storyboard than learn video editing software
Quick facts
| Extract Design | Video Shotcraft Product Promos | |
|---|---|---|
| Made by | Manav Arya | Vincent Wei |
| Category | Design & Creative | Design & Creative |
| Source | View ↗ | View ↗ |
| Detail page | Open | Open |