← OpenDesign CURATED · OPEN · FREE
Descript
A clean, warm, and highly functional design for a leading AI video editing platform.
ai video
01
Identity DNA
AI video editor collaborative intuitive professional
A modern studio that feels both powerful and accessible.
02
Color
#1A1A1AInk
#F1EAEDBG
#D1C7CBMuted
rgba(229,231,235,1.0)Line
A warm, off-white canvas with high-contrast dark ink for readability, using a deep burgundy for emphasis in the hero section.
03
Typography
transitional-serif · humanist-sans · monospace
display 56px · 400body 18px · 40004
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Standard 4px base with a clear 8px/16px/24px progression for padding and gaps.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E5E7EB
rgba(0,0,0,0.16) 0px 2px 4px 0px
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
A full-width hero section with a centered layout for key messaging, followed by a multi-column grid for feature cards.
07
Motion & Interaction
100ms micro
200ms small
300ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
Fade-in transitions on hover and focus · Smooth background-color changes
Subtle background color change or opacity shift on interactive elements. · Immediate visual feedback with no delayed animation.
08
Components
button Clean, rectangular buttons with 4px radius and 16px vertical padding. card Cards with 12px radius, featuring large background images and overlay text. chip Simple text-based labels for categories. input Standard form inputs with subtle borders. hero A large, centered hero section with a deep burgundy background and bold serif typography. 09
Voice & Don'ts
Tone Professional, clear, and empowering. Headlines Bold, large serif fonts that convey authority and clarity. CTAs Direct and action-oriented (e.g., 'Get started for free'). Don't use a dark mode interface — the screenshot shows a light, warm off-white background as the primary canvas. Don't use a highly geometric sans-serif for headlines — the screenshot shows a classic transitional serif for display text. Don't use a neon or electric blue as a primary accent — the screenshot uses a deep burgundy and soft coral-red for emphasis. Don't use heavily rounded or 'pill' shapes for primary buttons — the screenshot shows buttons with a 4px border-radius. Don't use excessive drop shadows or 3D effects — the screenshot shows a flat, clean surface with only a subtle, single box-shadow for elevation. Don't use a crowded, multi-sidebar navigation — the screenshot shows a clean, horizontal top navigation bar with ample whitespace. Avoid: Overly technical jargon Avoid: Cluttered layouts Avoid: Aggressive neon colors Avoid: Rounded, bubbly UI elements Avoid: Excessive decorative animations Avoid: Dark mode as the primary theme 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
Descript's design is a clean, professional SaaS aesthetic that balances warmth with authority. It uses a light, off-white background (#F1EAED) with high-contrast dark ink (#1A1A1A) for readability. The typography features a classic transitional-serif for bold headlines and a humanist-sans for body text, creating a sophisticated yet approachable feel. Key design elements include a 4px-based spacing scale, subtle 1px borders (#E5E7EB), and a restrained use of a deep burgundy for hero sections. Critical design rules include: 1) Avoid dark mode as the default; 2) Do not use overly rounded or bubbly UI components; 3) Never use neon or high-chroma accent colors; 4) Maintain generous whitespace and a structured 12-column grid layout.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is a prime example of a modern, professional SaaS design that uses classic typography and a restrained color palette to build trust and clarity.
