domains / families / design / bright-green-tech-system-webgl

bright-green-tech-system-webgl

separate

Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL visualization zone.

When to use

• Apply this as a full design-system direction across layout, framing, typography, controls, metadata, and the embedded WebGL visualization region.
• Use it when the interface should feel sharply technical, experimental, and structured, with a bright green signal color and a visible real-time visual engine.
• This is not generic dark SaaS and not soft glassmorphism. It should feel like an active synthesis console or build-system interface.

When not to use

• generic dark SaaS
• soft glassmorphism
• generic green-on-black hacker aesthetics
• soft rounded consumer-app styling
• oversaturated bright green UI
• disconnected WebGL decoration
• excessively noisy particles
• fast motion reducing legibility

Skill page

Source