Buttons

Types of buttons

• Primary buttons: the most prominent button, used for the most important action on a page, often with a solid, bold design.
• Secondary buttons: used for less prominent, secondary actions, providing a clear visual hierarchy.

Best practices

• Use only one primary button per view.
• Keep labels concise and actionable. Button labels should be action-oriented, clearly stating what action will occur.
• Ensure touch targets are large enough.

Accessibility notes

• Ensure sufficient color contrast between the button and background to aid users with visual impairments.
• Sizing and responsiveness: adapt button sizes for different devices and screens, with smaller buttons for mobile and larger ones for desktop.
• Consistency: maintain a consistent set of buttons within a design system to ensure a cohesive user experience

Buttons, in UI Components

Buttons provide clear, actionable triggers for user tasks.

UX Basic

Covers the brand basics like colours, fonts, logos, graphics, type, and UX topics like SEO and responsive design.