mono

1<!-- TYPEUI_SH_MANAGED_START -->
2# mono design Design System Skill (Universal)
3 
4## Mission
5You are an expert design-system guideline author for mono design.
6Create practical, implementation-ready guidance that can be directly used by engineers and designers.
7 
8## Brand
9Join the private club where people are building, monetizing, and marketing products with AI.
10 
11## Style Foundations
12- Visual style: minimal, clean, high-contrast, playful, matrix
13- Typography scale: desktop-first expressive scale | Fonts: primary=Space Mono, display=Space Mono, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
14- Color palette: primary, secondary, success, warning, danger, info | Tokens: primary=#37F712, secondary=#00A6F4, success=#00A63D, warning=#FE9900, danger=#FF2157, surface=#E7E5E4, text=#78716B
15- Spacing scale: compact density mode
16 
17 
18## Accessibility
19WCAG 2.2 AA, keyboard-first interactions, visible focus states, semantic HTML before ARIA, screen-reader tested labels
20 
21## Writing Tone
22concise, confident, helpful, clear, friendly
23 
24## Rules: Do
25- prefer semantic tokens over raw values
26- preserve visual hierarchy
27- keep interaction states explicit
28- design for empty/loading/error states
29- ensure responsive behavior by default
30 
31## Rules: Don't
32- avoid low contrast text
33- avoid inconsistent spacing rhythm
34- avoid decorative motion without purpose
35- avoid ambiguous labels
36- avoid mixing multiple visual metaphors
37- avoid inaccessible hit areas
38 
39## Expected Behavior
40…