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.

Start application

Blue button = Information

Navigating to pages that contain information.

Read our housing guide

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

Start application

Medium buttons

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

Start application

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.

Reference: WPL008   
Copy this page link to your clipboard

Usage

  • Tick check iconGlobal style

Components

Up arrow iconBack to top