Design System

VideoAutomation.ai design patterns and components

Primary Colors

Primary Red

--primary-red#FF0000

YouTube Dark

--youtube-dark#282828

Pure White

--pure-white#FFFFFF

Accent Red

--accent-red#CC0000

Glassmorphic Colors

Glass Background

--glass-bgrgba(255, 255, 255, 0.25)

Glass Border

--glass-borderrgba(255, 255, 255, 0.18)

Glass Shadow

--glass-shadowrgba(31, 38, 135, 0.37)

Glass Red

--glass-redrgba(255, 0, 0, 0.15)

Glass Red Hover

--glass-red-hoverrgba(255, 0, 0, 0.25)

Status Colors

Success Green

--success-green#00C851

Warning Orange

--warning-orange#FF8800

Info Blue

--info-blue#007BFF

Error Red

--error-red#DC3545