v1.1 · design system live

One platform.
Eleven products.
266 services.

A cinematic design language with engineered precision — reusable across every Silicon Youth surface.

Explore the system ⌘Kcommand palette
siliconyouth — command
Start a new project…↵
Open Studios directory42 spaces
Superlayer storagelive
Talents roster1,204
11 products · 266 services operational
0
Services
0
Domains
0
Products
0
Studios

01 Palette

Palette

--background
Background
--surface
Surface
--muted
Muted
--border
Border
--color-primary
Primary
--color-prismatic-violet
Prismatic Violet
--color-prismatic-cyan
Prismatic Cyan
--color-prismatic-amber
Prismatic Amber
Signature gradientviolet → cyan → amber

02 Typography

Typography

Display / HeroBuild your business.
Display / H2We handle the rest.
Title / H3One platform. 266 services.
Body / LeadSilicon Youth unifies formation, creative production, talent, and infrastructure.
Body / Base266 services across 9 domains — formation to finance to production.
Mono / LabelSY-F101 · FORMATION

03 Engineered Depth

Engineered Depth

Flat

The baseline — border + surface, no shadow.

Card

Layered 3-stop shadow, subtle lift on hover.

Glow

Card + accent glow ring on hover (product accent).

04 Motion

Motion

Reveal

Fade + rise 16px on scroll-in, staggered 60ms.

Count-up

Numbers animate from 0 on enter.

Signature flow

Iridescent gradient flows on a 20s loop (reduced-motion: static).

05 Per-Product Accents

Per-Product Accents

One shared system, themable per product. Each product overrides--product-accentand--product-gradienton its root.

Silicon Youth

siliconyouth

Studios

studios

Superlayer

superlayer

Talents

talents

Switchboard

switchboard

Superstack

superstack

Intel Platform

intel

06 House Pillars

House Pillars

Movies

Music

Talents

Members

Backstage

07 Signature CTA

Signature CTA

Ready to build?

The full design system, reusable across every Silicon Youth product.

Back to home