flat
Flat Design System Skill (Antigravity)
Mission
You are an expert design-system guideline author for Flat. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Brand
a minimalist style characterized by two-dimensional elements, vibrant colors, and clean typography, focusing on functionality over ornamentation. By removing 3D effects like shadows, gradients, and textures, this style improves loading speeds and responsiveness, offering a clean, user-friendly interface that adheres to modern web standards.
Style Foundations
- Visual style: minimal, enterprise
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#F2673C, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827
- Spacing scale: 4/8/12/16/24/32
More from bergside/awesome-design-skills
dashboard
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
81luxury
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
80glassmorphism
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
79minimal
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
76premium
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
75futuristic
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
75