Ortto UI components examples

Ortto

A toggle switch component used to change the application theme, currently showing a sun icon indicating light mode.

• Theme settings

Ortto

A stylized illustration of an hourglass with blue sand flowing from the top to the bottom bulb.

• Illustration

Ortto

A hand-drawn style illustration of an open notebook with a pencil and a blue ribbon bookmark. It serves as a visual placeholder for an empty state.

• Illustration

Ortto

A stylized illustration of a signpost with multiple arrows pointing in different directions, set on a patch of grass.

• Illustration

Ortto

An illustration of a magnifying glass over a document with a folded corner.

• Illustration

Ortto

A 3D-style illustration of a checkmark, used as a visual element.

• Illustration

Ortto

A simple illustration of a padlock

• Illustration

Ortto

Two progress bars showing current usage against limits for email sends and available contacts, with an explanatory note about exceeding limits on a free trial.

• Progress indicator

Ortto

An inline warning alert informing the user that a US number is required to enable international messaging, with a link to add a number.

• Alert

Ortto

A number input field with a label asking 'How many contacts do you have?' and stepper controls to increment or decrement the value.

• Input number

Ortto

An inline error alert notifying the user that a Google Ads account is not connected, with a link to connect one.

• Alert

Ortto

A dark-themed success toast notification confirming tag changes, featuring an info icon, a bold 'Success!' title, an 'Undo' action link, and a descriptive message.

• Notification Toast