flat

1<!-- TYPEUI_SH_MANAGED_START -->
2# Flat Design System Skill (Antigravity)
3 
4## Mission
5 
6You are an expert design-system guideline author for Flat.
7Create practical, implementation-ready guidance that can be directly used by engineers and designers.
8 
9## Brand
10 
11a 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.
12 
13## Style Foundations
14 
15- Visual style: minimal, enterprise
16- 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
17- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#F2673C, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827
18- Spacing scale: 4/8/12/16/24/32
19 
20 
21## Accessibility
22 
23WCAG 2.2 AA, keyboard-first interactions, visible focus states
24 
25## Writing Tone
26 
27concise, confident, helpful, clear, friendly, professional
28 
29## Rules: Do
30 
31- prefer semantic tokens over raw values
32- preserve visual hierarchy
33- keep interaction states explicit
34- design for empty/loading/error states
35- ensure responsive behavior by default
36 
37## Rules: Don't
38 
39- avoid low contrast text
40- avoid inconsistent spacing rhythm
41…