High information density design system with a cinematic feel, featuring minimalist navigation and card styles.
Real data. Real impact.
Emerging
Developers
Source: https://github.com/YouTube/youtube-modern?ref=explainxPer week
Excellent
Skills give you superpowers. Install in 30 seconds.
name YouTube Modern
colors primary: "#FF0000" # YouTube Red background: "#0f0f0f" # Deep Black (Dark Mode) surface: "#272727" # Card/Button Grey text: "#ffffff" # Primary White text-muted: "#aaaaaa" # Secondary Metadata
typography fontFamily: "Roboto, Arial, sans-serif" baseSize: "14px"
rounded card: "12px" button: "18px"
Focus: High information density with a "Cinematic" feel.
Cards: Video thumbnails use a 12px radius. Titles are limited to 2 lines (line-clamp).
Navigation: Minimalist sidebar icons (24px) that collapse to a rail.
proprietary
4,600+ AI skills, agents & workflows. Install in 60 seconds. Part of the Torly.ai family.
© 2026 Torly.ai. All rights reserved.