\DESIGNSORCERY>_

Wipster | Online Video Review, Approval & Collaboration Platform

Video · Dark

Design System Inspiration

Wipster — extracted via DESIGN.md

Media · Video collaboration

clean corporate minimalist dark-theme typographic split-screen hero sticky navigation card-based layout dark mode toggle

Typography

Open Sans

Heading

Aa Aa Aa Aa

canada-type-gibson

Body

Aa Aa Aa Aa

Color palette

TL;DR

Wipster employs a high-energy "monochrome-plus" system where a vibrant Emerald Green (#00c65e) serves as the primary action signal against a foundation of deep Obsidian (#000000) and cool Slate backgrounds (#f2f5f8). The typography is anchored by **canada-type-gibson**, utilizing heavy weights (700) for massive display headers and medium weights (500) for section titles. Components are characterized by a mix of sharp 0px containers and soft 4px-6px rounded buttons, often accompanied by deep, soft shadows (20px blur) to create a layered, modern SaaS aesthetic.

Target audience

The likely target audience is video production teams, marketing professionals, and creative agencies seeking an efficient platform for video review, approval, and collaboration.

Full tech stack

Adobe Fonts Facebook Pixel Google Analytics Google Tag Manager HubSpot HubSpot Analytics HubSpot CMS Hub jQuery Linkedin Insight Tag Typekit

Analytics

Linkedin Insight Tag HubSpot Analytics Google Tag Manager Google Analytics Facebook Pixel

Meta description

Quickly and easily share and get feedback on video projects. Share media, collect feedback, manage reviews, and deliver finished work faster.

Brand Voice

Efficient, encouraging, and professional with a hint of creative storytelling.

Positioning

Wipster is a video workflow and review platform designed to help creative individuals, agencies, and distributed enterprise teams ship content faster. It positions itself as the "easy way" to manage feedback across video, audio, PDFs, and images.

Voice principles

  • Action-Oriented: Uses strong verbs like "Ship," "Cut," and "Keep moving" to emphasize speed and productivity.
  • Accessible: Employs simple, plain-English descriptions (e.g., "The easy way") to ensure the tool feels approachable rather than overly technical.
  • Empathetic: Acknowledges the creative struggle (e.g., "He knew what you know: getting creative [feedback is hard]") to build a connection with the user.
  • Scalable: Shifts seamlessly from casual encouragement for individuals to high-level corporate terminology for enterprise "Org-level" needs.

More SaaS/Software Product Designs

← Back to Gallery