design-excellence

Design apps that feel human-crafted, not AI-generated. Avoid obvious patterns and generic templates.

• Design that feels natural and professional, not templated
• Invisible design where users don’t notice AI involvement
• Restraint in color, typography, spacing, and animation
• Consistent, native-feeling UI across platforms

• One accent color per app, never gradients on buttons
• Use slate neutrals, avoid pure black or purple gradients
• Typography follows system fonts and clear hierarchy
• Spacing uses Tailwind’s default scale (4, 6, 8, 12)
• Animations are subtle, fast (150–500ms), and purpose-driven
• No overuse of animation or flashy effects
• Cards are clean with minimal padding and no heavy shadows
• All text uses system fonts and proper line height

1. 1.Use base palette with slate neutrals and one accent color
2. 2.Apply Tailwind spacing (4, 6, 8, 12) consistently
3. 3.Use system fonts and avoid font-bold everywhere
4. 4.Keep type hierarchy with 3 max sizes per component
5. 5.Use subtle transitions (150–300ms) for hover and state changes
6. 6.Avoid gradients, bounces, and spinning loaders