Website pattern library

Page content

Button types

You can view Button types in the Mendix code library

Green button = Action

Beginning a process, for example starting an application.

Blue button = Information

Navigating to pages that contain information.

Descriptive headlines

Use a headline above the button where a longer description is needed.

Apply for a reduction in council tax

Start application

Large buttons

Maximum 320px width - Standard button

Medium buttons

Maximum 220px width - May be used where space is limited.

Small button

140px width (120px width -768 breakpoint) - May be used when two buttons are adjacent.

Success! The button colours have been selected to meet WCAC AAA guidelines on colour contrast.