Join waitlist

Join waitlist

Hints

Hints

Small pieces of guidance that help users complete inputs or tasks correctly.

Neutral

Friendly

Formal

Neutral

Friendly

Formal

Field hint

Provide short contextual help about what to enter in a field or why it’s needed. Show as inline text below the input, or tooltip on an info icon.

We’ll use [field type or information] to [purpose].

We’ll use [field type or information] to [purpose].

We’ll use [field type or information] to [purpose].

We’ll use [field type or information] to [purpose].

Example scenario

Appears below form fields such as “Email,” “Phone,” or “Company” to clarify purpose and reduce hesitation.

Input format

Guide users on the correct input structure or pattern. Show as inline text under the field, or tooltip on hover/tap.

Format: [example input] — e.g., [example]

Format: [example input] — e.g., [example]

Format: [example input] — e.g., [example]

Format: [example input] — e.g., [example]

Example scenario

Appears below fields that require specific structure (phone, date, ID, credit card).

Password requirements

Help the user create a valid password by showing requirements before they start typing, and update the hints dynamically as conditions are met. Show as inline text below the input, or checklist that updates in real time.

Include at least [X] characters, with [requirement 1], [requirement 2], and [optional requirement 3].

Include at least [X] characters, with [requirement 1], [requirement 2], and [optional requirement 3].

Include at least [X] characters, with [requirement 1], [requirement 2], and [optional requirement 3].

Include at least [X] characters, with [requirement 1], [requirement 2], and [optional requirement 3].

Example scenario

Appears below the password field on sign-up or reset pages, showing live progress as users meet all requirements.

Character guidance

Inform the user about character limits or remaining characters. Show as inline text, or counter within the input area.

You can enter up to [X] characters. [X] characters remaining.

You can enter up to [X] characters. [X] characters remaining.

You can enter up to [X] characters. [X] characters remaining.

You can enter up to [X] characters. [X] characters remaining.

Example scenario

Appears below a text input such as a feedback box, bio field, or message composer to prevent users from exceeding the character limit.

Privacy hint

Reassure users how their entered data will be used. Show as inline text near the field, or tooltip on info icon.

[Data type] will only be visible to [audience]. We’ll use [data type] only for [purpose].

[Data type] will only be visible to [audience]. We’ll use [data type] only for [purpose].

[Data type] will only be visible to [audience]. We’ll use [data type] only for [purpose].

[Data type] will only be visible to [audience]. We’ll use [data type] only for [purpose].

Example scenario

Appears in form sections with sensitive information such as billing details, company data, or personal notes to reassure users how the data is stored or shared.

Shortcut hint

Show users a keyboard or interface shortcut to speed up interaction. Show as tooltip on hover, or inline near the feature.

Press [shortcut] to [action].

Press [shortcut] to [action].

Press [shortcut] to [action].

Press [shortcut] to [action].

Example scenario

Appears in dashboards, editors, or command palettes to highlight keyboard shortcuts that help users perform actions faster.

Create a free website with Framer, the website builder loved by startups, designers and agencies.