mdshop
Back to designs
Z

Design System inspired by Zoom

Video conferencing. Blue brand, clean corporate, meeting-centric UI.

Usage
npx getdesign@latest add zoom

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
17
Bookmarked
0
Not an official Zoom design system. A curated starting point for building Zoom-like UIs with your AI coding agent.

Video conferencing. Blue brand, clean corporate, meeting-centric UI.

Preview
zoom.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF ZOOM

Video conferencing. Blue brand, clean corporate, meeting-centric UI.

Explore the systemView tokens

Color Palette

Video conferencing. Blue brand, clean corporate, meeting-centric UI.

Primary
Zoom Blue
#2d8cff
Brand color
Dark Blue
#0b5cff
Brand color
White
#ffffff
Brand color
Dark
#242424
Brand color
Light BG
#f6f6f6
Brand color
Gray
#747487
Brand color
Border
#e0e0e0
Brand color
Green
#00b956
Brand color

Typography

A type system inspired by Zoom.

Lato
Lato, Lato
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by Zoom.

Not detected on this URL

Components

Other component primitives mapped from the Zoom spec.

Not detected on this URL