The short version
Color System
By JR Brugger (Design Workflow)
Build complete color palettes with accessible shades and dark/light mode variants.
Video Shotcraft Product Promos
By Vincent Wei
Turn your website or app into a polished, beat-synced product promo video.
What each one does
Color System
- Generates full tonal scales (light to dark) for your brand colors
- Creates semantic color sets for success, warning, error, and info states
- Tests all color combinations for accessibility compliance (WCAG AA/AAA)
- Builds matching dark mode and light mode palettes
- Provides usage guidance for each color in your system
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 Color System when…
- You're building a brand identity and need a complete color palette
- You need to ensure your design meets accessibility standards
- You're creating a pitch deck or marketing site and want professional color choices
- You need dark mode colors that match your existing brand
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
| Color System | Video Shotcraft Product Promos | |
|---|---|---|
| Made by | JR Brugger (Design Workflow) | Vincent Wei |
| Category | Design & Creative | Design & Creative |
| Source | View ↗ | View ↗ |
| Detail page | Open | Open |