AI Chat (beta)

Example
prompt
Copy
Design an authentication system interface using atomic design principles, creating a cohesive system of components that scales from basic elements to complete authentication flows. Use a professional colour palette with clear primary and secondary colours for different states and actions, maintaining consistency across all authentication touch points. Implement smooth micro-interactions that provide clear feedback - form fields that validate in real-time, progress indicators that show authentication steps, and success/error states that animate naturally. Create UI components following atomic design hierarchy - from atoms (input fields, buttons, icons) to molecules (form groups, social login buttons) to organisms (complete login forms, signup flows) to templates (layout structures) to pages (full authentication views). Include consistent spacing, typography, and visual feedback systems that work together to create a trustworthy authentication experience. Design interactive elements that guide users through the authentication process - smart defaults, helpful validation messages, and clear error recovery paths. Structure the authentication flow to be both secure and user-friendly, with clear progress indicators and escape hatches at every step. The overall experience should feel professional and trustworthy while remaining efficient and easy to use, using atomic design to create a systematic and scalable authentication interface that works across different devices and contexts