Forms

Structured input fields that collect user data in an organized way, guiding users through a smooth and intuitive process for submitting information.

When to use

  • Collecting user input – Forms are essential for sign-ups, logins, feedback, and data collection.
  • Submitting actions – When users need to send data to a system (e.g., checkout, profile updates).
  • Filtering content – When forms allow users to refine displayed results (e.g., search filters).

Best practices

  • Keep forms simple – Only ask for necessary information to reduce user effort.
  • Use clear labels and placeholders – Ensure fields are easy to understand.
  • Provide inline validation – Show real-time feedback to prevent errors.
  • Make buttons clear – Use action-driven labels like “Submit” or “Continue.”
Email Sign Up

Forms should feel intuitive and effortless, guiding users through the process without confusion or frustration.

Looking to contribute?

Your input matters! Whether it’s feedback, design suggestions, or new ideas, every contribution helps shape a more refined, flexible, and efficient design system. Share your thoughts and be part of building something better for everyone.