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-md-skills
dashboard
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
134luxury
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
104contemporary
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
89material
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
82clean
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
76shadcn
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
72