Welcome to OpenReel
OpenReel helps teams record, edit and ship branded video. Its next version had to feel simple on day one and reach engineers without guesswork. We designed OpenReel 3.5 as a working prototype, then redesigned the website to sell it.
- Client
- OpenReel
- Scope
- Product design, Design system, Website
- Year
- 2026
- Built with
- React, Vite, Next.js
The best moments,
found before you ask.
- 1Suggested clips
The AI reads the transcript and proposes cuts before anyone asks.
- 2One-click edits
Enhance audio, smart trim, blur and highlight reels, all in one list.
- 3The clip itself
Specs, owner and session stay attached to the video.
- 4Into Creator
When a cut needs a person, the editor is one click away.
Every token and state,
agreed before a line of code.
Handoff that
engineers trust.
Tokens export straight from the prototype, so the build and the design never drift.
// OpenReel 3.5 design tokens $accent-600: #1F12DE; // accent-base $accent-700: #1A0FBC; // accent-hover $accent-50: #EEEEFF; // tints, selected $gray-900: #101828; // ink // Radius $radius-md: 8px; // buttons, inputs $radius-lg: 12px; // tiles, dropdowns $radius-xl: 16px; // cards, modals // Type $font-brand: 'Inter'; $font-paragraph: 'Source Sans 3';
117 components, ready in light and dark.
Every button and panel, ready in light and dark.
Accessibility, usable by everyone.
Handed to engineers with zero guesswork.
A product engineers can build
and a site that sells it.
Device scenes are composited mockups built around real captures of the prototype and site. Screens show demo data. Speed and quality scores measured with Google Lighthouse, September 2026.
