WholeverbChapter 4 / 01 · Buttons & linksApproved direction ↗

Component family · Approved

A clear action.
A useful next step.

The puzzle action leads. Smaller controls help you work. Each has its own place, with the same smooth finish.

01

The main action family

Start something connected.

Selected shapes, with the approved colors and finish.

Primary
SecondaryExplore the example
Text linkSee how the states work
02

Compact actions · New family development

Useful inside the work.

Try reviewing the note, editing it, then marking the example as reviewed.

Enquiry workspaceLocal example
Website enquiryRecord 014

One place for incoming enquiries.

Needs review

“We need one place to collect enquiries and see who needs a reply.”

Business
Example local service
Connection
Website → shared record

Review note

Confirm who replies to new enquiries and what information they need before building the shared record.

Open the details first to enable “Mark reviewed”.

03

Inspect the details

Clear at every step.

Use your pointer or keyboard on the examples above. This strip also lets you hold a visual state for inspection.

Default · ready to use.

Primary
SecondaryExplore the example
Compact
Text linkExplore the record

Longer labels

Keep the whole action readable.

Labels wrap instead of shrinking or disappearing. The phone puzzle action keeps its selected 228 × 64 size.

Explore the website enquiry example

On midnight

The same actions.
A different setting.

Light labels and clear focus keep the family readable on the approved midnight gradient.

Explore the exampleInspect the states

Project entry · Action preview

Start with what needs connecting.

This main action will open the project request flow. Here, it demonstrates the button and its dialog behavior.

Nothing has been submitted. The complete request form is a later step in this chapter.

Local example

Edit the review note.

Up to 800 characters. Changes apply only to this example.