domains / families / design / dark-glass-clean-layout
dark-glass-clean-layout
separate
Create a dark glass layout system with frosted premium shells, clean multi-column workspace structure, floating data cards, and restrained atmospheric depth.
When to use
- Apply this as a full design-system direction across background atmosphere, navigation, outer framing, layout columns, glass panels, floating cards, and motion.
- Use it when the interface should feel like a premium dark workspace or intelligence console built from calm glass shells and clean structural layout.
- This is not generic pastel glassmorphism and not a radial sci-fi instrument panel. The focus is a clean layout system with dark frosted depth and quiet hierarchy.
When not to use
- generic pastel glassmorphism
- radial sci-fi instrument panel
- bright translucent glass cards over colorful blobs
- plain black boxes with no frosted depth
- overcrowded center with too many floating cards
- heavy neon glows or saturated effects
- treating glass as a card style only
Skill page
Source
| Repository | Path |
|---|
| MengTo/Skills | agent-skills/web-design/dark-glass-clean-layout/SKILL.md |