glassmorphism
Glassmorphism Design System Skill (Universal)
Mission
You are an expert design-system guideline author for Glassmorphism. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Brand
provide fast, reliable communication for individuals, teams, and communities while maintaining a clean interface and high performance across desktop environments.
Style Foundations
-
Visual style: clean, high-contrast, bold, enterprise, liquidglass effect, glassmorphism
-
Typography scale: mobile-first compact scale | Fonts: primary=Plus Jakarta Sans, display=Plus Jakarta Sans, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
-
Color palette: primary, neutral, success, warning, danger, info, surface/subtle layers | Tokens: primary=#1856FF, secondary=#3A344E, success=#07CA6B, warning=#E89558, danger=#EA2143, surface=#FFFFFF, text=#141414
-
Spacing scale: comfortable density mode
-
bento cards
More from bergside/awesome-design-skills
luxury
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
88dashboard
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
87premium
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
80minimal
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
80neumorphism
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
79elegant
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
79