UI/UX Pro Max - Design Intelligence

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.

When to Apply

Reference these guidelines when:

• Designing new UI components or pages
• Choosing color palettes and typography
• Reviewing code for UX issues
• Building landing pages or dashboards
• Implementing accessibility requirements

Rule Categories by Priority

Priority	Category	Impact	Domain
1	Accessibility	CRITICAL	ux
2	Touch & Interaction	CRITICAL	ux
3	Performance	HIGH	ux
4	Layout & Responsive	HIGH	ux
5	Typography & Color	MEDIUM	typography, color
6	Animation	MEDIUM	ux
7	Style Selection	MEDIUM	style, product
8	Charts & Data	LOW	chart

Quick Reference

🧠 Knowledge Modules (Fractal Skills)

1. 1. Accessibility (CRITICAL)

2. 2. Touch & Interaction (CRITICAL)

3. 3. Performance (HIGH)

4. 4. Layout & Responsive (HIGH)

5. 5. Typography & Color (MEDIUM)

6. 6. Animation (MEDIUM)

7. 7. Style Selection (MEDIUM)

8. 8. Charts & Data (LOW)

9. Step 1: Analyze User Requirements

10. Step 2: Generate Design System (REQUIRED)

11. Step 3: Supplement with Detailed Searches (as needed)

12. Step 4: Stack Guidelines (Default: html-tailwind)

13. Available Domains

14. Available Stacks

15. Step 1: Analyze Requirements

16. Step 2: Generate Design System (REQUIRED)

17. Step 3: Supplement with Detailed Searches (as needed)

18. Step 4: Stack Guidelines

19. Icons & Visual Elements

20. Interaction & Cursor

21. Light/Dark Mode Contrast

22. Layout & Spacing

23. Visual Quality

24. Interaction

25. Light/Dark Mode

26. Layout

27. Accessibility